Discussion :

[DiverSIG]

Bonjour,

Je veux faire une requête AJAX qui est une url qui renvoie un fichier xml.
Cette requête est déclenchée par un clic sur un bouton dans ma page web.
Sur le onclick du bouton, j'appelle la fonction suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var address = document.getElementById("zz").value;
	var url = 'http://maps.googleapis.com/maps/api/geocode/xml?address=\''+address+'\'&sensor=true';
	var xhr = 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){
					alert(xhr.responseText);
				}
				}
	xhr.open("GET",url,true);
	xhr.send(null);

où getXhr() est la fonction :

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

L'url défini dans ma fonction est correcte, si je l'exécute directement dans un navigateur, j'ai bien le fichier xml attendu.
pour l'instant, je cherche juste à afficher le fichier xml dans une boite de message, mais rien ne s'affiche, même pas une boite vide...

qu'est-ce qu'il manque?


Merci,

Nico

[andry.aime]

Bonjour,

address=\''+address+'\'&sensor=true'

Code :

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

address='+encodeURI(address)+'&sensor=true'

Sinon remplace

if(xhr.readyState == 4 && xhr.status == 200){
alert(xhr.responseText);
}

par

Code :

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

1
2
3
4
5
6
7
if(xhr.readyState == 4){
    if(xhr.status == 200){
	alert(xhr.responseText);
    } else{
	alert(xhr.status)
    }
}

pour voir.

A+.

[DiverSIG]

j'ai xhr.status=0

d'après ce que j'ai lu sur la récupération des données, le code 0 ou le code 200, c'est la même chose, et ça veut dire que c'est OK...

Nico

[andry.aime]

As tu modifier l'URL comme je l'ai dit?

[DiverSIG]

Oui, voici ma fonction :

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
var address = document.getElementById("zz").value;
	var url = 'http://maps.googleapis.com/maps/api/geocode/xml?address='+encodeURI(address)+'&sensor=true';
	var xhr = 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){
					if(xhr.status == 200){
						alert(xhr.responseText);
					} 
					else {
						alert('xhr.status = '+xhr.status);
						alert(xhr.responseText);
					}
				}
				}
	xhr.open("GET",url,true);
	xhr.send(null);

Nico

[Bovino]

Code :

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

var url = 'http://maps.googleapis.com/maps/api/geocode/xml?address='+encodeURI(address)+'&sensor=true';

A moins que tu ne développes pour Google (ce dont je doute ), il y a fort à parier que tu sois confronté à la Same Origin Policy...