Discussion :

[mickael28]

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 :

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

[Bovino]

Normal :

Code :

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

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

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

Code :

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

if (xhr_object.readyState == 4)

n'a pas beaucoup de sens
Essaye sans ce test.

[mickael28]

Ce n'est pas mieux.

[Bovino]

... ainsi que le onreadystatechange...

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

[Bovino]

Le problème, c'est qu'en mode synchrone, l'ordre des éléments de la requête est important.

Code :

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

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

[mickael28]

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 :

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

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



En tous cas merci pour ton aide Bovino.



Pour résumer:

1. Mode sychrone

Code :

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

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 :

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