[XMLHttpRequest] Pourquoi ce code fonctionne sous IE8 et pas sur Firexox 3.0.11

**homeostasie** · 22/07/2009, 15h49

Bonjour,

Je cherche à générer une requête HTTP via du JS pour récupérer le contenu d'une page grâce à un GET. Pour réaliser cela j'utilise XMLHttpRequest avec le code suivant:

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
function getXhr()
{
			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
}
 
function sendTrace()
		{
			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","http://www.unsite.fr",true);
			xhr.setRequestHeader("Cache-Control","no-cache");
			xhr.send(null);
}

Sous IE8, j'obtiens bien le résultat dans une boite d'alerte alors que sous Firefox, rien du tout.

Sauriez vous pourquoi et comment y remédier?

Merci.

**nesfe** · 22/07/2009, 16h18

Salut,

ton code ne marche pas sous Firefox car tu utilise un activeX et ceux-ci sont compatibles uniquement avec IE.

Si tu veux que cela fonctionne sous Firefox, c'est tout expliqué ici (c'est en anglais)

**RomainVALERI** · 22/07/2009, 17h00

Envoyé par nesfe

Salut,

ton code ne marche pas sous Firefox car tu utilise un activeX et ceux-ci sont compatibles uniquement avec IE.

Si tu veux que cela fonctionne sous Firefox, c'est tout expliqué ici (c'est en anglais)

Sa fonction getXhr est la version classique qui circule : il utilise de l'activeX avec IE mais du XmlHTTPRequest avec FF, donc non je ne crois pas que ce soit le problème...

**homeostasie** · 22/07/2009, 17h25

Envoyé par nesfe

Salut,

ton code ne marche pas sous Firefox car tu utilise un activeX et ceux-ci sont compatibles uniquement avec IE.

Si tu veux que cela fonctionne sous Firefox, c'est tout expliqué ici (c'est en anglais)

Sa fonction getXhr est la version classique qui circule : il utilise de l'activeX avec IE mais du XmlHTTPRequest avec FF, donc non je ne crois pas que ce soit le problème...

Moi aussi je suis de ton avis! ;-) Surtout qu'en plus je ne reçois pas le message que mon navigateur ne supporte pas l'objet XMLHTTPRequest.

Serait il possible que cela soit un problème de version? J'ai la 3.0.11 mais ca m'étonnerait.

**nesfe** · 22/07/2009, 17h33

Effectivement j'avais pas bien vu son code.

Ceci dit c'est pas une question de version... mais si tu penses que c'est ça, tu peux toujours essayer de télécharger la 3.5 de FF

**RomainVALERI** · 22/07/2009, 17h39

Envoyé par homeostasie

... mais ca m'étonnerait.

Ca m'étonnerait aussi. ^^

En termes de débuggage, qu'as-tu déjà essayé ?
Pistes possibles :

>>> pendant le temps des tests, "élargir" un peu le champ de ton alert, genre :

Code javascript :

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

1
2
3
4
5
6
xhr.onreadystatechange = function(){
   // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
   if(xhr.readyState > 1){
      alert(xhr.responseText);
   }
}

>>> dans firebug, surveiller le déroulement de la fonction jusqu'au send (notamment la nature et les propriétés de ton xhr)

>>> peut-être aussi surveiller l'entête avec LiveHTTPHeaders (module complémentaire firefox) pour voir en détail la nature de ce qui est envoyé au serveur

**homeostasie** · 22/07/2009, 18h28

>>> dans firebug, surveiller le déroulement de la fonction jusqu'au send (notamment la nature et les propriétés de ton xhr)

Je ne peux même pas débugger pas à pas mais dans la console je constate que j'ai l'erreur suivante:

Envoyé par firebug

Access to restricted URI denied" code: "1012
xhr.open("GET","http://www.lesite.fr",true);

Serais ce une option à régler dans firefox pour autoriser ce genre de requête?

**SpaceFrog** · 22/07/2009, 19h34

a tester si le get n'attend pas explicitement un fichier et voire même un path relatif ...

Code :

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

"http://www.lesite.fr"

index ?

**RomainVALERI** · 23/07/2009, 09h28

Une question me frappe tout à coup (oui je sais ça marche lentement là-dedans

) :

>>> l'URL que tu appelles via ajax fait-elle partie de ton site ou est-ce une page externe (c'est-à-dire d'un autre site) ?

Si c'est une page hors de ton site, n'attends même pas ma réponse et fais une petite recherche sur "Same Origin Policy" ^^

**homeostasie** · 23/07/2009, 13h42

Envoyé par RomainVALERI

Une question me frappe tout à coup (oui je sais ça marche lentement là-dedans

) :

>>> l'URL que tu appelles via ajax fait-elle partie de ton site ou est-ce une page externe (c'est-à-dire d'un autre site) ?

Si c'est une page hors de ton site, n'attends même pas ma réponse et fais une petite recherche sur "Same Origin Policy" ^^

En fait, au cours de recherche sur l'erreur retournée, j'ai cerné que c'était un problème de domaine différent.

Mais je vais faire ta petite recherche pour tâcher de mieux comprendre le fonctionnement.

Il doit surement avoir un moyen d'outrepasser cette restriction de firefox? En tout cas, IE8 est plus cool!

**homeostasie** · 23/07/2009, 14h14

En fait les nouvelles versions de navigateurs autorisent dorénavant les requêtes inter-domaines:
AJAX inter domaines possible avec les nouvelles générations de navigateurs

Sinon apparemment, il y avait possibilité de faire cela au travers d'IFRAME.

**RomainVALERI** · 23/07/2009, 14h16

Envoyé par homeostasie

Il doit surement avoir un moyen d'outrepasser cette restriction de firefox?

Typiquement, on fait un appel ajax sur son propre serveur, en appelant une page (par exemple php) qui fait l'intermédiaire puisqu'elle n'est pas par définition soumise aux contraintes client : elle requête une base, appelle un webservice, ou quoi que ce soit d'autre, et compose une réponse qu'elle renvoie au poste client qui a fait l'appel ajax de départ... ^^ (ça a l'air un peu lourd comme ça mais ça se fait sans trop de sournoiseries : ça prend juste un peu plus de temps à mettre en place)

Envoyé par homeostasie

En tout cas, IE8 est plus cool!

Allez, on va dire que j'ai rien entendu

**homeostasie** · 23/07/2009, 14h50

Envoyé par RomainVALERI

Citation:
Envoyé par homeostasie Voir le message

En tout cas, IE8 est plus cool!
Allez, on va dire que j'ai rien entendu

On va dire que je me suis mal exprimé... ;-) On dira moins restrictif mais comme Firefox 3.5 autorise aussi ce genre de requête, donc c'est clos.

Thanks for your explanation!

[XMLHttpRequest] Pourquoi ce code fonctionne sous IE8 et pas sur Firexox 3.0.11

JavaScript

Discussions similaires

Partager

Partager