requête AJAX sans resultat

[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 :

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 :

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 :

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

Sinon remplace

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

par

Code :

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 :

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 :

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

[DiverSIG]

et y a-t-il un moyen de contourner ça ??
vous avez un exemple?
Nico

[Bovino]

Envoyé par DiverSIG

et y a-t-il un moyen de contourner ça ??

Avant de vouloir t'en affranchir, essaye déjà de comprendre à quoi ça peut servir...
La Same Origin Policy existe pour des raisons de sécurité et si elle existe, ce n'est certainement pas pour ne servir à rien !
Si tu veux utiliser les services de Google, tu dois passer par leurs API.