Discussion :

[SPACHFR]

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 :

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

[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()

[SPACHFR]

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 :

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

[RomainVALERI]

... 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 javascript :

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

var tmp = xhr_object.responseText;

>>> ce qui explique que :

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

[andry.aime]

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 :

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

[SPACHFR]

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

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

[nod__]

andry.aime a ta réponse

Ça ou tu fais ta requete en mode synchrone.

[andry.aime]

As tu essayé ma proposition?
Mais avec ton code, tu peux aussi travailler en mode synchrone.

[SPACHFR]

Je viens de tester la suggestion de andry.aime, cela fonctionne !
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.

[andry.aime]

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

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.

[SPACHFR]

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

Mode synchrone je vais tester...

[SPACHFR]

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 :

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

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

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;

[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

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



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)