Discussion :

[pduplouy]

Bonjour à tous,

Je développe actuellement une petite application AJAX en utilisant l'objet XmlHttpRequest. Mon problème est assez étrange: mon code ne semble fonctionner que sur Firefox 3.5 (navigateur que j'utilise pour faire mes tests), mais ce qui est encore plus étrange, c'est que si j'essaye sur une autre machine avec le même navigateur, elle ne marche plus du tout.

J'ai cerné le problème: cela vient du status de l'objet XHR: le code renvoyé est 200 quand cela fonctionne, et 0 sur les autres navigateurs/machines.

Voici le code pour générer l'objet XHR:

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
function getXMLHttpRequest() {
	var xhr = null;
 
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		} else {
			xhr = new XMLHttpRequest(); 
		}
	} else {
		alert("Your browser doesnt handle this kind of feature. Please update it and try again.");
		return null;
	}
	return xhr;
}

Et voici la fonction qui pose problème (il s'agit d'une fonction d'authentification, c'est la première appellée et je suppose donc que le problème serait le même pour les fonctions suivantes car tous les appels ont la même structure):

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
function getToken(pictureId){
   var xhr = getXMLHttpRequest();
 
   xhr.onreadystatechange = function() {
      if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			alert(xhr.status); //juste pour connaître le statut
			alert(xhr.responseText); //en théorie appel d'une fonction handler
		} 
   };
 
   var url = "http://monsite/proxys/auth.php"; //je travaille avec une API d'où nécessité de passer par un proxy (voir plus bas)
 
 
   xhr.open("GET", url, true);
   xhr.setRequestHeader( "Content-type", "text/xml" );
   xhr.send(null);
}

Cette application fonctionne en relation avec une API située sur un autre domaine, d'où le besoin de passer par un proxy situé sur mon serveur de manière à contourner les limitations cross-domain. Ce proxy est codé en PHP (utilisant l'extension cURL). Si besoin est je peux poster le code.

Je ne parviens pas à déterminer d'où le problème peut venir

Merci beaucoup pour votre aide!

[JLC83]

As-tu essayé de contourner le problème de l'url par une balise <iframe> ?
Car ajax est toujours très réticent en matière de proxy...
JL

[pduplouy]

Je ne suis pas certain de savoir comment utiliser une balise <iframe> pour contourner le problème de l'XHR cross-domain

Pourrais-tu m'éclairer?
Merci!

[pduplouy]

Après avoir effectué quelques tests, je ne pense pas que le problème vienne du proxy.

En effet, j'ai remplacé mon proxy par une page "bidon.php" qui contient le code suivant:

Code :

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

1
2
header("Content-Type: text/plain"); 
echo "YEAH";

Après avoir changé l'URL d'appel de mon XHR, j'obtiens les mêmes résultats que précédemment, c'est à dire:
- status = 200 + affichage du message pour Firefox sur mon ordi principal
- status = 0 + pas de texte du tout sur plusieurs autres configs (OS et navigateurs variables)

Le problème vient donc du XHR? Si quelqu'un a une idée de où le problème pourrait provenir je suis plus que preneur...

[Bovino]

Salut,

Code :

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

xhr.setRequestHeader( "Content-type", "text/xml" );

Tu es sûr que tu envoies du XML ?

[pduplouy]

Bien vu, malheureusement cette ligne ne figurait pas sur mon code initial et vient en fait de mes recherches google: quelqu'un rencontrant un problème relativement similaire l'avait résolu en ajoutant cette commande.

Je l'ai enlevée et cela ne change rien au problème

Voici donc ma fonction actuellement:

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
function getToken(pictureId){
   var xhr = getXMLHttpRequest();
 
   xhr.onreadystatechange = function() {
      if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			alert(xhr.status);
			alert(xhr.responseText);
		} 
   };
 
   var url = "http://monsite.com/proxys/test.php";
 
   xhr.open("GET", url, true);
   xhr.send(null);
}