Passer 2 variables en ajax (sans jQuery)

Bonjour,

j'ai récupéré cette fonction:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

function OAjax() { var OAjax = null; if(window.XMLHttpRequest) // Firefox et autres OAjax = new XMLHttpRequest(); else if(window.ActiveXObject){ // Internet Explorer try { OAjax = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { OAjax = new ActiveXObject("Microsoft.XMLHTTP"); } } else { // XMLHttpRequest non supporté par le navigateur alert("Activer Javascript pour que cela fonctionne"); OAjax = false; } return OAjax; }     function Ajax_verif_ccf(Id) { if (window.XMLHttpRequest) OAjax = new XMLHttpRequest(); else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); OAjax.open('POST',"Ccf/Ajax_verif_ccf.php",true); OAjax.onreadystatechange = function() { if (OAjax.readyState == 4 && OAjax.status==200) { if (document.getElementById) { if (OAjax.responseText =='true') { /* OK */ document.getElementById('msg').innerHTML=OAjax.responseText; }else{ /* PAS OK */ document.getElementById('msg').innerHTML=OAjax.responseText; } } } } OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded'); OAjax.send('Id='+Id ); }

---

j'ai cette ligne dans le formulaire:

Code:

---

1 2	$aff_page_html.= '<form method="post" onchange=" Ajax_verif_ccf(this.Id.value);return false" action="">';

---

je voudrai utiliser cette fonction ou similaire (sans de Jquery) afin de faire parvenir en ajax 4 variables se trouvant dans le formulaire.

qui seront traitées par le script php.

auriez vous une idée?

je ne suis qu'un "bricoleur" qui améliore petit à petit un site

Merci par avance pour votre aide.

Antoine

Bonjour,

Il suffit de concaténer les variables et valeurs

Code:

---

OAjax.send('Id='+Id+'&var1='+var1+'&var2='+var2 );

---

A+.

Bonjour,

À lire + tester l'exercice pour bien comprendre :

• Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

Un merci tardif pour votre réponse
J’ai «compris » je que je voulais dans FORM, ce n’est pas onchange mais onsubmit=" Ajax_verif_ccf( ???? ) ;
--- Là je sais plus quoi mettre à la place des ????
-- et aussi ici function Ajax_verif_ccf( ???? )

Désolé mais je n’arrive pas à appréhender JS.

Encore merci.
Antoine

Bonjour,

1- on n'est pas obligé de "transmettre" les données en tant que "paramètres" de la fonction :

Code:

---

<form method="post" onsubmit=" Ajax_verif_ccf(); return false;" action="">

---

On peut les récupérer directement dans la fonction JS :

Code:

---

1 2 3 4 5 6 7 8 9

function Ajax_verif_ccf() { // récupération des données utiles var Id = document.getElementById('Id'); var Id_val = Id.value; var Var2 = document.getElementById('Var2'); var Var2_val = Var2.value; ... }

---

2- Si tu n'es pas plus précis que : "j'ai récupéré un bout de code (auquel je ne comprends rien) "
on ne peut pas grand chose pour toi.

Merci, vous avez fait beaucoup.
Le JS comme le l’ai dit je ne l’appréhende pas et je ne pensais pas de cela aurait été aussi simple, (il ne faut pas que je pense non, ?).
Apparemment, cela doit fonctionner. j’ai ma fonction

Code:

---

1 2	<form method="post" onsubmit=" Ajax_verif_ccf(); return false;" action="">

---

je récupère les variables de FORM dans

Code:

---

1 2 3 4 5 6 7 8 9 10

function Ajax_verif_ccf() { // récupération des données utiles var Id = document.getElementById('Id'); var Id_val = Id.value; var Var2 = document.getElementById('Var2'); var Var2_val = Var2.value; ... }

---

puis par AJAX dans

Code:

---

1 2	OAjax.send('Id='+Id+'&var1='+var1+'&var2='+var2 );

---

et enfin dans
Ajax_verif_ccf.php

avec

Code:

---

1 2 3 4 5

$ID=$_POST['Id']; $Var2=$_POST[' Var2']; ------ -------

---

Je fais des essais ce soir et je reviens.

Encore Merci

Oui et non.

attention :

Code:

---

OAjax.send('Id='+Id+'&var1='+var1+'&var2='+var2 );

---

Non, on transmet ici les VALEURS :

Code:

---

OAjax.send('Id=' + Id_val + '&var1=' + Var1_val + '&var2=' + Var2_val );

---

Pour info :

• en JavaScript, le + (plus) sert à la concaténation.
• en PHP, c'est le . (point)