Comportement fonctions imbriquées avec appel à Xmlhttprequest

Version imprimable

Bonjour,
je vous écris aujourd'hui pour savoir si du monde peut repondre à cette question :
que se passe t'il lorsqu'une fonction appelle un objet xmlhttprequest, et sur la reponse de cette requete, appelle une nouvelle function qui fait aussi appel à un objet xmlhttprequest.

Pour le moment, ma premiere fonction marche correctement, c'est à dire que dans la fonction de onreadystatechange, toutes mes fonctions sont correctement appellées, mais dans la fonction de la fonction qui fait une requete xmlhttprequest, cette derniere ne recoit pas le résultat du servuer.

Plus clair : un schéma general :
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 1 () { //onsuppose ok la creation de l'objet et l'envoi des données au serveur xhttpreq.onreadystatechange = function () { if(xhttpreq.readyState == 4 && xhttpreq.status == 200) function 2 () function 3 () } } function 2 () { xhttpreq.onreadystatechange = function () { if(xhttpreq.readyState == 4 && xhttpreq.status == 200) alert ("function 2"); } } function 3 () { alert ("function 3"); }
Ce schéma ci dessus affichera "function 3" mais pas "function 2" sous firefox, mais "function 2" puis "function 3" sous IE.

Merci beaucoup
Gabriel

04/05/2006, 15h01
Swoög

Salut !

ici tes fonctions ne servent pas à grand chose... tu voudrais pas plutôt nous mettre le code concret ?

sinon, si FF n'affiche pas fonction 2, c'est parce que il considère bien onreadystatechange comme un évènement qui se déclenche ponctuellement

alors que IE transmet le déclenchement tant que l'objet vérifie les conditions...

de ce fait, il te faudrait lancer une autre requête dans function 2() pour que se lance le onreadystatechange ...
04/05/2006, 15h07
MasterOfChakhaL

de plus, tu travaille toujours, sur le meme objet xhttpreq dont tu redéfinit la propriété 'onreadystatechange' dans le corps de ta fonction 2...

ca peut poser probleme je pense...

C'est vrai qu'avec du code concret, c'est plus simple.
Les deux choix que vous me proposez sont deja pris en compte depuis le départ, et c'est juste dans mon exemple que je ne les ai pas fait resortir.

Donc mon objet xmlhttprequest est recrée dans une fonction getXhr () :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function getXhr(){
	if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
		xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
	}
	else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	} 
	return xhr;
}

Ensuite dans mes appels de fonctions imbriques :

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
 
function ChangeDebSim ()
{
        //plein de code ne servant à rien pour indiquer le probleme
        xhr = getXhr ();
 
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200)
                       xhr.responseXML.getElementsByTagName("select");
                       //traitement divers
                       function ChangeSucreEau ();
                       function ChangePmsfrdeb ();
                }
        xhr.open("POST","../Php/Requete.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        xhr.send( //liste d'arguments);
}
 
function ChangeSucreEau ()
{
        xhr = getXhr ();
 
        xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
                       xhr.responseXML.getElementsByTagName("option");
                       functionautre ();
                 }
                 else message de debug (voir plus bas)
         }
         xhr.open("POST","../Php/Requete.php",true);
 
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send(//liste argument);
}
 
function ChangePmsfrdeb ()
{
        xhr = getXhr ();
 
        xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
                     xhr.responseXML.getElementsByTagName("option");
                }
        }
	xhr.open("POST","../Php/Requete.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
	xhr.send("//listeargument);
}

L'appel commence par changedebsim (), et sous firefox, la fonction onreadystatechange de ChangeSucreEau () n'est jamais traitée. Une belle exception est ratrappée par javascript :

Code:

1
2
3
4
 
Error: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIXMLHttpRequest.status]"  nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)"  location: "JS frame :: http://Js/function.js :: anonymous :: line 434"  data: no]
Source File: http://Js/function.js
Line: 434

A cette ligne la je suis dans la fonction ChangeSucreEau et je fais un message de debug :
DEBUG ("SUCREEAU : PAS READY : readyState=" + xhr.readyState + " et status : " + xhr.status);

....maintenant, comment faire marcher ceci sous firefox.. pour le moment mystere.

Merci des réponses du dessus
Gabriel

04/05/2006, 15h51
Swoög

Cela vient du fait que tu remplaces xhr sans lui laissé le temps d'arriver au bout...

tu devrais prévoir trois objets XMLHTTPREQUEST différent (trois variables xhr1, 2 et 3 et trois fonction getXhr() différentes ;) )
04/05/2006, 16h05
lysandro
Essayez de remplacer
Code:

1 2 xhr = getXhr ();
où xhr est vu comme une variable globale au script et donc

Citation:

Envoyé par Swoög

Cela vient du fait que tu remplaces xhr sans lui laissé le temps d'arriver au bout...

par
Code:

1 2 var xhr = getXhr ();
dans toutes vos fonctions
04/05/2006, 16h10
eirmag

Humpf..... je m'etais justement demandé si ce ne pouvait etre un probleme de portée, et c'est pour ca que juste avant de reposter le code de getXhr, j'ai changé ma methode :
A la place d'avoir une variable globale :
var xhr = null, que je remplissais a chaque appel de getXhr, j'ai tenté de lui faire creer un nouvel objet à chaque fois.

Maintenant, j'ai écouté ton conseil (heureusement, c'est pour ca aussi que j'ai posté tiens donc :)) et j'ai jeté un coup d'oeil sur les portées des variables en javascript.

Petit extrait du premier site sur lequel je suis tombé :

Citation:

Lorsqu'une variable est déclarée sans le mot clé var, c'est-à-dire de façon implicite, elle est accessible de partout dans le script (n'importe quelle fonction du script peut faire appel à cette variable). On parle alors de variable globale

La portée d'une variable déclarée de façon explicite (précédée du mot-clé var), dépend de l'endroit où elle est déclarée.

* Une variable déclarée au début du script, avant toute fonction, sera globale. Elle peut être utilisée n'importe où dans le script .
* Une variable déclarée explicitement dans une fonction aura une portée limitée à cette seule fonction, c'est-à-dire qu'elle est inutilisable ailleurs. On parle alors de « variable locale ».

Encore merci pour ta réponse, car en plus de me debloquer totalement ceci (il y a encore quelques fonctions qui sont imbriquées les unes aux autres...), ca me permet de fixer un point de connaissance indispensable : la portée des variables.

A bientot j'espere, et c'est avec joie que je peux cliquer sur le bouton résolu.

Gabriel