[AJAX] FireFox ne veut pas du mode synchrone AJAX

Version imprimable

Bonjour a tous,

Mon problème est dans le titre.
Le code qui suit fonctionne très bien sous IE 6.0 et Opera 9, dans les deux mode.
Les deux alert disposée dans ce code renvoient bien la valeur demandée, mais pas sous FireFox 3.0 en mode synchrone.

Il y a-t-il un moyen pour y remèdier ou c'est un BUG de FireFox.
Si c'est le cas, c'est un problème que Mozilla devrait résoudre car c'était déjà ça avec la version 2.

Merci.

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
function XmlHttpRequest_Object(webPage,values){
 
	var xhr_object = null;
	var oResponse = "";
	var oSend = false;	/* A True si réussite de l'envois de la requête */
 
	/**	Si le navigateur est "FireFox"	ou "Opera"	**/
	if (window.XMLHttpRequest){
 
		xhr_object = new XMLHttpRequest();
	}
	else{
 
		/**	Si le navigateur est "Internet Explorer"	**/
		if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");	
		else alert("Votre navigateur n'est pas compatible avec la technologie AJAX !"+
					"\n\nL'application ne pourra pas fonctionner correctement."+
					"\nVeuillez utiliser un autre navigateur (Internet Explorer recommandé).");  
 
	}	 
 
 
	xhr_object.open ("POST", webPage, false); /* True = asynchrone, False = synchrone */
 
	xhr_object.onreadystatechange = function(){
 
		if (xhr_object.readyState == 4){
 
			if (xhr_object.status == 200){ /* Status semble disponible qu'une fois l'état 4 passé */
 
				alert(xhr_object.status)
 
				oResponse = xhr_object.responseText.split(";"); 
				oSend = true;
 
				alert("fonction onreadystatechange: "+ oResponse[0]);			
 
			}
			else{
 
				oSend = false;
 
				alert("XmlHttpRequest"+
					"\n\nErreur: "+ xhr_object.status +
					"\nStatut: "+ xhr_object.statusText +
					"\nEtat de l'envois: "+ xhr_object.readyState +
					"\n\nErreur lors de l'envois de la requête"+
					"\n\nContacter le service informatique"); 
 
			}
 
		}
 
	};	
 
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");			
	xhr_object.send(values);		
 
	if (oSend == true) return oResponse;
 
 
}

23/02/2009, 17h23
Bovino

Normal :

Code:

"\nVeuillez utiliser un autre navigateur (Internet Explorer recommandé).");

Plus sérieusement, j'imagine qu'en mode synchrone

Code:

if (xhr_object.readyState == 4)

n'a pas beaucoup de sens ;)
Essaye sans ce test.
23/02/2009, 17h29
mickael28

Ce n'est pas mieux.

:cry:
23/02/2009, 17h32
Bovino

... ainsi que le onreadystatechange...
23/02/2009, 17h36
mickael28

OUi Oui,

j'ai mis en commentaire les deux tests.

mais ceci dit, ce n'est pas terrible quand même.
Car dans le cas ou cela aurait fonctionné, on n'aurait pas su si la requête
est bien passé ou non, pour la suite du traitement.
23/02/2009, 17h46
Bovino
Le problème, c'est qu'en mode synchrone, l'ordre des éléments de la requête est important.
Code:

1 2 3 4 xhr_object.open ("POST", webPage, false); xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhr_object.send(values); // ici le callback
Le fonctionnement est différent dans la mesure où ton script attend la réponse du serveur pour continuer son exécution. Donc la vérification du readyState devient inutile ;)

C'est vrai ce que tu dit.

J'ai modifier mon code en concéquence et me suis aperçus qu'il fallait aussi supprimer la fonction "xhr_object.onreadystatechange = function()",
car contrairement à IE et Opera qui y passe en mode synchrone et asynchrone, FireFox lui y passe seulement en mode asychrone.

Code:

1
2
3
4
5
6
7
8
9
 
xhr_object.open ("POST", webPage, false); /* True = asynchrone, False = synchrone */
 
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");			
xhr_object.send(values);		
 
oResponse = xhr_object.responseText.split(";"); 
alert(oResponse[0])
/* Fonctionne */

Maitenant, a savoir quel navigateur gère mal AJAX ?????
:roll:

En tous cas merci pour ton aide Bovino.
:king:

Pour résumer:

1. Mode sychrone

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
xhr_object.open (POST ou GET, page ASP ou PHP, false); 
 
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");			
xhr_object.send(values);		
 
oResponse = xhr_object.responseText; 
 
/* TRAITEMENT
*
*   Utilisation de variables ou affichage direct.
*/

2. Mode asynchrone:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
xhr_object.open (POST ou GET, page ASP ou PHP, true); 
 
xhr_object.onreadystatechange = function(){
 
     if (xhr_object.readyState == 4){
 
        if (xhr_object.status == 200){ /* Status semble disponible qu'à l'état 4 */
 
            /* TRAITEMENT
            *   
            *   Utilisation de variable à l'extèrieur de cette fonction inutile (elle seront vide ou avec la valeur initiale)
            *    Affichage direct de xhr_object.responseText dans la page;
            */
 
         }
      }
};
 
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");			
xhr_object.send(values);