[AJAX] Transfert de données AJAX
Bonjour à tous,
ça doit faire quelques jours que je rame là dessus, je ne sais plus quoi faire....:calim2:8O:aie:
J'ai pourtant toujours codé de la même manière... Bref, j'ai un formulaire HTML, qui fait appel à une fonction Javascript. Cette fonction Javascript permet d'identifier les choix sélectionné, ensuite les envoie à une page PHP, qui est chargée de sauvegarder ces informations dans la base de données.
J'ai le formulaire suivant:
Code:
1
2
3
4
5
6
7
8
9
10
| <form id="selection_form" method="post">
<select multiple id="liste">
<option value=1>Valeur1</option>
<option value=2>Valeur2</option>
<option value=3>Valeur3</option>
<option value=4>Valeur4</option>
<option value=5>Valeur5</option>
</select>
<input type="submit" name="go" id="go" value="Enregistrer" />
</form> |
Code:
1
2
3
4
| var form = document.getElementById("selection_form");
form.addEventListener('submit', function(e){
saveData();
}); |
Le code du fichier Javascript:
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
| function saveData(){
var selectedChoices = [], i;
var selectBox = document.getElementById("liste");
var nchoix = 0;
var values = "";
var url = "saveData.php";
for(i=0; i < selectBox.length; i++){
if(selectBox[i].selected){
selectedChoices.push(selectBox[i].value);
switch(nchoix){
case 0:
values += "choix0=";
break;
case 1:
values += "&choix1=";
break;
case 2:
values += "&choix2=";
break;
case 3:
values += "&choix3=";
break;
case 4:
values += "&choix4=";
break;
}
values += selectedChoices[nchoix];
nchoix++;
}
}
values += "nchoix="+nchoix;
xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
xhr.send(values);
} |
Et je souhaitais récupérer les données envoyées en paramètre dans mon document PHP en utilisant le code suivant:
Code:
echo("Le premier choix est ".$_POST['choix0']);
Mon soucis est que, lorsque j'exécute les différents code ci-dessus, PHP me renvoi une erreur:
Citation:
Notice: Undefined index choix0 in C:\wamp\www\Mon_projet\saveData.php on line 5
Quelqu'un a une idée? Je suis désemparé:aie::calim2:
