Discussion :

[elcoyotos]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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'>&nbsp;</div>

Et voici ma question : Comment fait on pour envoyer des "paramètres GET" ?
Merci d'avance .....

[RomainVALERI]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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é)

[elcoyotos]

Merci beaucoup

Peut être quelqu'un à un exemple avec des données provenant d'un formulaire en POST ?

[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 ), la sérialisation va ressembler à :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[elcoyotos]

Merci beaucoup de votre (rapide) réponse