[AJAX] Afficher deux valeurs

Version imprimable

Bonjour à tous,

J'ai trouvez le script suivant qui affiche dans la div Result1 l'heure du serveur:
Je ne le comprend pas entierement mais je voudrais le modifier.

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
 
var xhr_object = null;
var xhr_url = 'script.asp';
 
function SendGetRequest() {
	if ( window.XMLHttpRequest ) {
		// Objet XmlHttpRequest pour les moteurs GECKO
		xhr_object = new XMLHttpRequest();   
	} else if ( window.ActiveXObject ) {
		// Objet XmlHttpRequest pour Internet Explorer
		xhr_object = new ActiveXObject( 'Microsoft.XMLHTTP' );   
	} else {
		// Navigateur non-compatible
		alert( 'Votre navigateur ne supporte pas les objets XMLHTTPRequest...' );   
		return;
	}
	// On ouvre la requete vers la page désirée
	xhr_object.open( 'GET', xhr_url, false );
	// On lui donne le pointeur de fonction de retour
	xhr_object.onreadystatechange = CallBackRequest;
	// On envoi la requete
	xhr_object.send( null );
}
 
function CallBackRequest() {
	// Sur le retour de la requete, on teste son état
	if ( xhr_object.readyState == 4 ) {
		// On injecte notre retour dans la DIV prevue a cet effet
		document.getElementById( 'divResult1' ).innerHTML = xhr_object.responseText;
	}
}
</script>
</head>
 
<body>
<input type="button" value="HttpRequest" onclick="SendGetRequest();" />	
<br />
<br />
<div id="divResult1"></div>
<div id="divResult2"></div>
</body>
</html>

le code de la page asp est le suivant:

Code:

1
2
3
 
<%Response.Write("Bonjour")%>
<%Response.Write("il est " & Now & " sur le serveur")%>

Mon probleme est d'afficher "Bonjour" dans la divResult1 et "il est 14:18:06 sur le serveur " dans la divResult2

Merci d'avance pour vos explications

08/09/2006, 14h39
NeHuS

Excuse moi mais pourquoi tu mets pas le resultat uniquement que dans un seul div ? :roll:
08/09/2006, 15h01
Arfigado

C'est un exemple pour essayer de comprendre, je voudrais savoir si avec une seul requete on peut rapatrier plusieurs valeurs pour ensuite les placer a des endroits différents

Ok I get it ;)

Il aut que tu split la reponse , et ensuite tu peux faire tes innerhtml sur les differents div ;)

Code:

1
2
3
4
5
 
data_array = xhr_object.responseText.split("#"); // par exemple
 
document.getElementById( 'divResult1' ).innerHTML = data_array[0];
document.getElementById( 'divResult2' ).innerHTML = data_array[1];

et sur la page asp :

Code:

1
2
3
4
 
<%Response.Write("Bonjour")
Response.write "#"
Response.Write("il est " & Now & " sur le serveur")%>

08/09/2006, 15h26
Arfigado

Merci de t'intéresser à mon problème

J’ai essayé avec comme séparateur # et cela ne fonctionne pas par contre en utilisant « , » cela fonctionne.
Y a-t-il un séparateur a utiliser de préférence ?

Encore merci
08/09/2006, 15h34
NeHuS

Hum en effet le # a une signification spéciale ... "," est trés bien c'est a toi de voir en fait il faut que tu saches que le caractere a splité ne se retrouvera pas dans la chaine a afficher ;)
08/09/2006, 15h38
Arfigado

Merci beaucoup