fonction xhr.send

Bonjour j'utilise la fonction :

Code:

xhr.send("idVille="+idville);

Mais je voudrais savoir comment faire si je doit envoyer plusieur arguments ?

Code:

xhr.send("idVille="+idville+"&idTest="+test);

????????

Merci

Re: fonction xhr.send

Citation:

Envoyé par Phenomenium

Bonjour j'utilise la fonction :

Code:

xhr.send("idVille="+idville);

Mais je voudrais savoir comment faire si je doit envoyer plusieur arguments ?

Code:

xhr.send("idVille="+idville+"&idTest="+test);

????????

Merci

Oui. TU as essayé?

oui mais ca ne semble pas fonctionner, le probleme doit venir d'ailleur ...
J'utilise en fait la source ajax pour lier les listes que tu as donné dans un précédent post, mais je veux rajouter une liste en plus.

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/javascript'>
			var xhr = null; 
 
			function getXhr(){
				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; 
				} 
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				getXhr();
				// 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){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('ville').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","go.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				sel = document.getElementById('promo');
				idpromo = sel.options[sel.selectedIndex].value;
				xhr.send("idPromo="+idpromo);
			}
 
			function go2(){
				getXhr();
				// 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){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('filiere').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","go2.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				sel = document.getElementById('promo');
				idpromo = sel.options[sel.selectedIndex].value;
				sel2 = document.getElementById('ville');
				idville = sel2.options[sel2.selectedIndex].value;
				xhr.send("idVille="+idville+"&idPromo="+idpromo);
			}
		</script>
	</head>
	<body>
		<form>
			<fieldset style="width: 500px">
				<legend>Annuaire par promotion</legend>
				<select name='promo' id='promo' onchange='go()'>
					<option value='-1'>Années</option>
					<?
						include('conf.php');
						$res = mysql_query("SELECT distinct annee FROM diplome order by annee DESC;");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["annee"]."'>".$row["annee"]."</option>";
						}
					?>
				</select>
				<div id='ville' style='display:inline'>
				<select name='ville' id='ville' onchange='go2()'>
					<option value='-1'>Villes</option>
				</select>
				</div>
				<div id='filiere' style='display:inline'>
				<select name='filiere' id='filiere'>
					<option value='-1'>Filieres</option>
				</select>
				</div>
			</fieldset>
		</form>
	</body>
</html>

A priori la page go2.php n'est pas appelé

Citation:

Envoyé par Phenomenium

<div id='ville' style='display:inline'>
<select name='ville' id='ville' onchange='go2()'>
<option value='-1'>Villes</option>
</select>
</div>
<div id='filiere' style='display:inline'>
<select name='filiere' id='filiere'>
<option value='-1'>Filieres</option>
</select>
</div>
</fieldset>
</form>
</body>
</html>

Un identifiant doit être unique dans la page (tu as deux id ville et deux filières). Normal que ça ne marche pas.....