fonction xhr.send

**Phenomenium** · 01/03/2006, 11h26

Bonjour j'utilise la fonction :

Code :

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

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

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

Code :

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

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

????????

Merci

**denisC** · 01/03/2006, 11h32

Envoyé par Phenomenium

Bonjour j'utilise la fonction :

Code :

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

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

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

Code :

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

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

????????

Merci

Oui. TU as essayé?

**Phenomenium** · 01/03/2006, 11h43

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 :

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

**denisC** · 01/03/2006, 11h51

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.....

fonction xhr.send

JavaScript

Discussions similaires

Partager

Partager