XMLHttpRequest comportement étrange..

Version imprimable

Bonjour,

J'ai un comportement étrange lors d'une requête vers un serveur via XMLHttpRequest.

En fait lors de la première requête, la trame de data reçue est correcte, mais la variable "rec" (qui stocke les données reçue) et vide(?)
Je relance la requête et là tout est OK.
C'est comme si 'alert(rec) était réalisée avant la fin du chargement de la variable tmp.
J'ai bon chercher je comprend plus rien.....

J'utilise les data pour remplir des listbox qui se trouvent du coup vide.
Cette fonction CPnewprj est appelée sur un événement "onclick"

Un coup de pouce serait bienvenue.

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 function CPnewprj() { var request_methode="POST"; var target_url="/cgi-bin/CPts"; var xhr_object = null; if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest(); else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); else { alert("Your browser does not support XMLHttpRequest, you must use Internet explorer or Mozilla Firefox."); return; } xhr_object.open(request_methode, target_url, true); xhr_object.setRequestHeader('Content-Type','text/html'); xhr_object.send('rien'); xhr_object.onreadystatechange = function() { if(xhr_object.readyState == 4 && xhr object.status==200){ var tmp = xhr_object.responseText; } } var rec=tmp.replace(/\s/gi,""); alert('record : '+rec);

23/06/2009, 15h21
nod__

normal, tu as un problème de portée. tmp est locale à ta fonction callback. Il faut la déclarer en dehors.

Dans un monde idéale il faut définir onreadystatechange avant le xhr.send()

:)

Bonjour,

Un oubli de précision ma part, la variable tmp est bien déclarée en globale.
J'ai mis la déclaration du "xhr_object.send('rien');" à la fin , mais même punition.

J'ai ajouté un alert(tmp), j'ai bien mes data dans tmp,mais rien dans rec (??).
(La première fois uniquement. Un second appel de la fonction et tout est Ok.)

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
 
function CPnewprj() { 
 var request_methode="POST";                    
	var target_url="/cgi-bin/CPts";
	var xhr_object = null;                         
	if(window.XMLHttpRequest)                     
		xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject)                 
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else {                                        
		alert("Your browser does not support XMLHttpRequest, you must use Internet explorer or Mozilla Firefox.");
		return;
	} 
	xhr_object.open(request_methode, target_url, true);     
	xhr_object.setRequestHeader('Content-Type','text/html');
 
	xhr_object.onreadystatechange = function() {   
		if(xhr_object.readyState == 4 && xhr object.status==200){            
			var tmp = xhr_object.responseText;
                        alert(tmp);
		}
	}
	xhr_object.send('rien');
var rec=tmp.replace(/\s/gi,"");      
alert('record : '+rec); 
}

23/06/2009, 15h41
RomainVALERI

Citation:

Envoyé par SPACHFR

... la variable tmp est bien déclarée en globale.

peut-être mais tu la redéfinis en locale au moment de l'assignation :

Code:

var tmp = xhr_object.responseText;

>>> ce qui explique que :

Citation:

Envoyé par SPACHFR

j'ai bien mes data dans tmp,mais rien dans rec (??)

^^
(retire le "var" et ça ne sera plus qu'une assignation classique, donc ton rec recevra la bonne valeur...)

Salut tu dois affecter la valeur de rec dans le xhr_object.onreadystatechange car sa valeur est affectée avant le résultat du requête AJAX.

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
var tmp;
var rec;
function CPnewprj() { 
 var request_methode="POST";                    
	var target_url="/cgi-bin/CPts";
	var xhr_object = null;                         
	if(window.XMLHttpRequest)                     
		xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject)                 
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else {                                        
		alert("Your browser does not support XMLHttpRequest, you must use Internet explorer or Mozilla Firefox.");
		return;
	} 
	xhr_object.open(request_methode, target_url, true);     
	xhr_object.setRequestHeader('Content-Type','text/html');
 
	xhr_object.onreadystatechange = function() {   
		if(xhr_object.readyState == 4 && xhr object.status==200){            
			tmp = xhr_object.responseText;
            alert(tmp);
			rec=tmp.replace(/\s/gi,"");      
			alert('record : '+rec);
		}
	}
	xhr_object.send('rien');
}

Bonne remarque pour var tmp, mais toujours pareil (??) :(

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
 
 
function CPnewprj() { 
 var request_methode="POST";                    
	var target_url="/cgi-bin/CPts";
	var xhr_object = null;                         
	if(window.XMLHttpRequest)                     
		xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject)                 
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else {                                        
		alert("Your browser does not support XMLHttpRequest, you must use Internet explorer or Mozilla Firefox.");
		return;
	} 
	xhr_object.open(request_methode, target_url, true);     
	xhr_object.setRequestHeader('Content-Type','text/html');
	xhr_object.send('rien');
	xhr_object.onreadystatechange = function() {   
		if(xhr_object.readyState == 4 && xhr object.status==200){            
			tmp = xhr_object.responseText;
		}
	}
var rec=tmp.replace(/\s/gi,"");      
alert('record : '+rec);

23/06/2009, 15h52
nod__

andry.aime a ta réponse :)

Ça ou tu fais ta requete en mode synchrone.
23/06/2009, 15h55
andry.aime

As tu essayé ma proposition?
Mais avec ton code, tu peux aussi travailler en mode synchrone.
23/06/2009, 16h07
SPACHFR

Je viens de tester la suggestion de andry.aime, cela fonctionne ! :ccool:
J'ai bien mes data à chaque fois
Du coup j'ai mis rec en global.

Par contre je comprend pas pourquoi cette solution marche et pas ce que j'avais fais ?

Une petite précision serait sympa.

:merci:
23/06/2009, 16h15
andry.aime

Citation:

Par contre je comprend pas pourquoi cette solution marche et pas ce que j'avais fais ?

Citation:

Salut tu dois affecter la valeur de rec dans le xhr_object.onreadystatechange car sa valeur est affectée avant le résultat du requête AJAX.

Mais ton code doit foctionner si tu travailles en mode synchrone.
23/06/2009, 16h15
SPACHFR

J'ai crié victoire trop vite, même Pb :cry:

Mode synchrone je vais tester...

Je sais pas si c'est correctement codé pour du synchrone mais pas mieux, j'ai plus rien (?). Pourtant je suis sur de mes data, j'ai fais une trace avec HttpWatch et tout est là....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function CPnewprj() { 
 var request_methode="POST";                    
	var target_url="/cgi-bin/CPts";
	var xhr_object = null;                         
	if(window.XMLHttpRequest)                     
		xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject)                 
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else {                                        
		alert("Your browser does not support XMLHttpRequest, you must use Internet explorer or Mozilla Firefox.");
		return;
	} 
	xhr_object.open(request_methode, target_url, false);     
	xhr_object.setRequestHeader('Content-Type','text/html');
	xhr_object.send('rien');   
	if(xhr_object.readyState == 4 ) {            
		tmp = xhr_object.responseText;
	}
var rec=tmp.replace(/\s/gi,"");      
alert('record : '+rec);

Voici les data envoyés par le CGI

Code:

1
2
3
 
2009020122302009030303000144702028
:XA231-XA231;XA241-MA0;:XA231-EZ01;XA231-GZ01;XA231-IZ01;XA231-KD01;XA231-KV01;XA231-KW02;XA231-OZ01;XA231-PZ01;XA231-QZ01;XA231-YA02;XA231-ZA05;XA231-ZS02;XA231-ZT02;XA241-CZ01;XA241-HZ01;XA241-KC01;XA241-KS01;XA241-KV01;XA241-KW01;XA241-KY01;XA241-MZ01;XA241-SZ01;XA241-UZ01;XA241-VZ01;XA241-YA01;XA241-ZA01;XA241-ZS01;XA241-ZT01;

23/06/2009, 17h12
RomainVALERI

J'avais eu le même genre de problème en essayant de m'écrire une fonction générique d'appel ajax : marcha et bovino m'avaient bien aidé, et comme ça répond (entre autres) à ton problème de portée de fonction et de callback ajax... ^^

>>> c'est ici
23/06/2009, 17h55
SPACHFR

Merci pour ce dernier lien, je vais approfondir car même si j'ai trouvé une solution de contournement, j'aimerais bien savoir pourquoi cela ne fonctionne pas.

Pour info, j'ai coupé ma fonction en deux :
Une pour l'appel Ajax
Une pour le traitement des données

Comme ça j'ai mes données à tout les coup

MERCI à tout ceux qui m'ont suggérés des alternatives.

:merci:

PS: le ne met pas le tag "RESOLU" tout de suite juste au cas ou quelqu'un aurait une explication sur ce type de problématique
(j'attend un peu)