Paramètres GET

Version imprimable

Paramètres GET

Bonjour,

J'ai trouvé sur ce site comment, avec prototype, afficher le contenu d'une page B sur la page A sans recharger la page bien sur ;)

Voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type='text/javascript'> function metsAJour() { var url = 'maj_div_update.php'; var pars = ''; var target = 'cible'; var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars}); } </script> <a href="#" onclick='metsAJour()'>mets à jour le div</a> <p>Le div suivant est mis à jour par un appel à Ajax:</p> <div id='cible'> </div>
Et voici ma question : Comment fait on pour envoyer des "paramètres GET" ?
Merci d'avance .....

Par rapport au code que tu donnes, il faut placer tes paramètres dans la chaine "pars".
Par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script type='text/javascript'>
    function metsAJour() {
      var url = 'maj_div_update.php';
 
      var pars = 'param1=123456&param2=bonjour&param3=false';
 
      var target = 'cible';
      var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});
    }
</script>
 
<a href="#" onclick='metsAJour()'>mets à jour le div</a>      
 
<p>Le div suivant est mis à jour par un appel à Ajax:</p>
<div id='cible'>&nbsp;</div>

ou bien avec des variables par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type='text/javascript'>
    function metsAJour() {
      var url = 'maj_div_update.php';
 
      var nom = document.getElementById('idChampTexteLibre').value;
      var chx = ... etc.
      var com = ... etc.
 
      var pars = 'client=' + nom + '&choix=' + chx + '&comment=' + com;
 
      var target = 'cible';
      var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});
    }
</script>
 
<a href="#" onclick='metsAJour()'>mets à jour le div</a>      
 
<p>Le div suivant est mis à jour par un appel à Ajax:</p>
<div id='cible'>&nbsp;</div>

Par contre, il est probable que tes paramètres proviennent, par exemple, de champs et de leurs valeurs, ou d'un tableau dans lequel tu auras associé noms et valeurs : dans ce cas, puisque tu utilises Prototype, va voir un peu les méthodes Hash.serialize(), Field.serialize() et Form.serialize() (si ma mémoire est bonne ^^ ce qui n'est pas gagné)

17/12/2008, 08h35
elcoyotos

Merci beaucoup :mrgreen:

Peut être quelqu'un à un exemple avec des données provenant d'un formulaire en POST ?
17/12/2008, 09h27
RomainVALERI
par ici les bonnes indications de l'API ^^

En gros (mais ça ne t'empêche pas d'aller voir le lien vers la spécif. que je t'ai fourni :mrgreen:), la sérialisation va ressembler à :
Code:

1 2 3 4 var parametres = $('idDeTonFormulaire').serialize(); // ---> parametres va contenir (exemple avec 3 champs) // "nomChamp1=valeurChamp1&nomChamp2=valeurChamp2&nomChamp3=valeurChamp3"
17/12/2008, 15h52
elcoyotos

Merci beaucoup de votre (rapide) réponse :yaisse2: