Discussion :

[zozoman]

Bonjour à tous,

J'ai bien du mal avec AJAX. J'ai réussi à envoyer la valeur d'un select mais je n'arrive pas à envoyer la valeur du select et un input type hidden. Voici mon code :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
function creerXHR()
{
    var xhr = null;
        if(window.XMLHttpRequest)
        { 
           // Firefox et autres
           xhr = new XMLHttpRequest(); 
 
        }
        else if(window.ActiveXObject)
        { 
           // Internet Explorer 
           try 
           {
                xhr = new ActiveXObject("Msxml2.XMLHTTP");
           } 
           catch (e) 
           {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
           }
        }
        else 
        { 
           // XMLHttpRequest non supporté par le navigateur 
           alert("Votre navigateur ne supporte pas les objets XMLHttpRequest..."); 
           xhr = false; 
        } 
    return xhr;
}
 
// Méthode qui sera appelée après choix sur le select
function change3()
{
 
    var xhr = creerXHR();
 
    // On défini ce qu'on va faire quand on aura la réponse
    xhr.onreadystatechange = function()
    {
        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr.readyState === 4 && xhr.status === 200)
        {
            resultat = document.getElementById("divRetour3"); // div Modifié
            resultat.innerHTML = xhr.responseText;
        }
    };
 
 
    // Ici on va voir comment faire du post
    xhr.open('POST','blocPage/infoBain.php',true);
 
    // ne pas oublier cela pour le post
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 
    // ne pas oublier de poster les arguments : ici, l'indice de révision et la référence du bain
    indiceRevision = document.getElementById('indice').options[document.getElementById('indice').selectedIndex].value;
    referenceBain = document.getElementById('reference').options[document.getElementById('reference').selectedIndex].value; //erreur ici
    //alert(id_utilisateur);
    xhr.send("indRev="+indiceRevision&"refBain="+referenceBain); // et surement ici
 
 
}

Pourriez vous m'aider s'il vous plais ?

[zozoman]

Il fallait juste récupérer la valeur du input :

Code :

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

1
2
 
referenceBain = document.getElementById('reference').value;

et envoyer les données correctement

Code :

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

1
2
 
xhr.send("indRev="+indiceRevision+"&refBain="+referenceBain);