[XmlHttpRequest] - Asynchrone ne renvoie plus rien ??

Version imprimable

bonsoir,

après avoir lu pas mal de tuto dont celui de developpez.com, il y a un phenomène que je n'explique pas.

Que peut il y avoir pour qu'un objet xmlhttprequest fonctionne correctement en mode synchrone (Testé avec ReponseText & ReponseXML) & ne renvoie plus rien en asynchrone (par contre objxmlhttprequest.readyState par par tous les etats jusqu'a 4) ???
Code:

1 2 3 4 5 6 Les code possibles pour le statut de l'objet sont : * 0 = non initialisé ; * 1 = ouverture. La méthode open() a été appelée avec succès ; * 2 = envoyé. La méthode send() a été appelée avec succès ; * 3 = en train de recevoir. Des données sont en train d'être transférées, mais le transfert n'est pas terminé ; * 4 = terminé. Les données sont chargées. ;
merci pour votre aide !!

:?:[/code]

28/02/2006, 08h34
denisC

Re: [XmlHttpRequest] - Asynchrone ne renvoie plus rien ??

Citation:

Envoyé par jacquesh

bonsoir,

après avoir lu pas mal de tuto dont celui de developpez.com, il y a un phenomène que je n'explique pas.

Que peut il y avoir pour qu'un objet xmlhttprequest fonctionne correctement en mode synchrone (Testé avec ReponseText & ReponseXML) & ne renvoie plus rien en asynchrone (par contre objxmlhttprequest.readyState par par tous les etats jusqu'a 4) ???

Comment est-ce que tu l'utilises?

voila mon code JS :

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
64
65
66
67
68
 
function getHTTPObject() {
	var xmlhttp;
	/*@cc_on
	@if (@_jscript_version >= 5)
		try {
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
			try {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (E) {
				xmlhttp = false;
				}
			}
	@else
	xmlhttp = false;
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
		try {
			xmlhttp = new XMLHttpRequest();
			} catch (e) {
			xmlhttp = false;
			}
		}
	return xmlhttp;
}
 
// Creation de l'obj http
var http = getHTTPObject() ;
 
function handleHttpResponse(){
	switch (http.readyState){
		case 4:
			logger("Status : OK.") ;
		break ;
		case 3:
			logger("Status : Transfert de donnees en cours...") ;
		break ;
		case 2:
			logger("Status : Attente de la reponse...") ;
		break ;
		case 1:
			logger("Status : Connexion au serveur...") ;
		break ;
		case 0:
			logger("Status : Connexion non initialise !! ") ;
		break ;
	}
}
 
// Chargement des données via XMLHTTPREQUEST
 
function loadData(method,url,dest,sync){
 
	// HTTP
	http.open(method,url,sync) ;
	http.onreadystatechange = handleHttpResponse ;
	http.send(null) ;
 
	var doc = document.getElementById(dest) ;
	doc.innerHTML = http.responseText ;	
}
 
// ne renvoie rien
loadData('GET','loaddata.php?dest=sbase','sbase',true);
 
// ok
loadData('GET','loaddata.php?dest=sbase','sbase',false);

28/02/2006, 09h38
denisC

Citation:

Envoyé par jacquesh

function loadData(method,url,dest,sync){

// HTTP
http.open(method,url,sync) ;
http.onreadystatechange = handleHttpResponse ;
http.send(null) ;

var doc = document.getElementById(dest) ;
doc.innerHTML = http.responseText ;
}

C'est complétement synchrone, ton code là. C'est normal que si tu envoies ta requete en asynchrone, tu n'aies rien du tout!!!!!!!!

Code:

1
2
3
4
5
6
7
8
9
10
11
 
 function loadData(method,url,dest,sync)
{ 
xmlhttp.open(method , url , sync);
// dans ton cas xmlhttp.open('Get','loaddata.php?dest=sbase',true);
 
....
// mettre a la fin 
 
xmlhttp.send(doc);
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function loadData(method,url,dest,sync){
 
	// HTTP
	http.open(method,url,sync) ;
	http.onreadystatechange = handleHttpResponse ;
 
 
	var doc = document.getElementById(dest) ;
	doc.innerHTML = http.responseText ;	
 
	http.send(doc) ;
}

ne renvoi rien non plus :?

28/02/2006, 11h04
NeHuS

tu peux nous montrer le tag de cette variable stp ?

var doc = document.getElementById(dest) ;

dest c'est quoi ? un select , un input ?

même si ton request fonctionne en synchrone ça m'interesserait de savoir a quel tag correpond l'id dest
28/02/2006, 11h13
jacquesh

le tag correspond à un div.

loaddata.php parse un fichier XML & envoi une requete oracle et je fait un 'echo' de tout ca.

quand j'appelle mon fichier http://mon-url.com/loaddata.php?prop=value j'ai une reponse correcte.

:?:

ce qui veut dire que c'est l'envoi qui pose probleme et non la page qui receptionne l'info et je vois pourquoi :
Code:

1 2 3 http.open(method,url,sync) ; http.onreadystatechange = handleHttpResponse ;
mais ta fonction handleHttpResponse ( d'ailleurs c'est une bonne idée d efaire comme ça ) ne fait strictement rien a part afficher un etat ...

c'est pourtant dans celle ci que tu doi faire ça :
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 function handleHttpResponse() { switch (http.readyState){ case 4: logger("Status : OK.") ; var doc = document.getElementById(dest) ; doc.innerHTML = http.responseText ; break ; ... } function loadData(method,url,dest,sync){ // HTTP http.open(method,url,sync) ; http.onreadystatechange = handleHttpResponse ; http.send(null) ; }

Citation:
Envoyé par jacquesh
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function loadData(method,url,dest,sync){ // HTTP http.open(method,url,sync) ; http.onreadystatechange = handleHttpResponse ; var doc = document.getElementById(dest) ; doc.innerHTML = http.responseText ; http.send(doc) ; }
ne renvoi rien non plus :?
Tant que tu utiliseras le résultas de ton objet XHR en dehors de handleHttpResponse, tu n'auras jamais de la vie un code asynchrone!

J'explique:
open prépare une requete HTTP. send l'envoie et si tu l'envoies en asynchrone, repasse la main au script tout de suite, sans attendre la réponse (normal c'est asynchrone). Le code continue son execution (et là tu lui parles de http.responseText qui est la réponse qu'il n'a pas, et donc il te donne un null). Après un certain temps (200ms, 2jours, 5ans), ta requete HTTP revient et à ce moment là, javascript execute la fonction que tu as liée au onreadystatechange. Donc c'est dans cette fonction et uniquement dans celle-ci que peut avoir lieu une interaction avec la réponse de la requete.....

ok :idea:

mais alors pourquoi ce script s'arrete à l'état 1 :

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
 
// Creation de l'obj http
var http = getHTTPObject() ;
 
function handleHttpResponse(dest){
	var doc = document.getElementById(dest) ;
	switch (http.readyState){
		case 4:
			logger("Status : OK.") ;
			doc.innerHTML = http.responseText ;
		break ;
		case 3:
			logger("Status : Transfert de donnees en cours...") ;
		break ;
		case 2:
			logger("Status : Attente de la reponse...") ;
		break ;
		case 1:
			logger("Status : Connexion au serveur...") ;
		break ;
		case 0:
			logger("Status : Connexion non initialise !! ") ;
		break ;
	}
}
 
// Chargement des données via XMLHTTPREQUEST
 
function loadData(method,url,dest,sync){
	// HTTP
	http.open(method,url,sync) ;
	http.onreadystatechange = handleHttpResponse(dest) ;
	http.send(null) ;
}

... et j'ai jamais la réponse..... :( ya pas moyen d'envoyer un argument à handleHttpResponse

essayes en dur comme ça pour voir :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
var url = "loaddata.php?dest=sbase";
function loadData
{
 
 http.open("GET", url , true);
 
  http.onreadystatechange = handleHttpResponse;
 
  http.send(null);
}
 
function handleHttpResponse() 
{
 
    if (http.readyState == 4) {
       results = http.responseText;
    document.getElementById('l'id en dur').innerHTML = results ;
   }
}

Si cela fonctionne ce sont tes variables qu posent probleme...

28/02/2006, 14h57
jacquesh

en dur ca fonctionne... mais on est quand même pas obligé de creer une fonction a chaque fois :?: ya pas moyen de lui passer un paramètre :?: :?:

bien entendu qu'on peut la rendre plus generique , mais je voulais souligner le fait que ce sont tes parametres qui posent probleme .

Maintenant essaye un par un tes arguements

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
 
var http = getHTTPObject() ;
 
function loadData(method,url,sync,dest){
   // HTTP
   http.open(method,url,sync) ;
 //Edit
   http.onreadystatechange = function() {handleHttpResponse(dest)}; 
   http.send(null) ;
} 
 
function handleHttpResponse(dest){
 
   switch (http.readyState){
      case 4:
 
         document.getElementById(dest).innerHTML  =  http.responseText ;
          logger("Status : OK.") ;
 
 
      break ;
      case 3:
         logger("Status : Transfert de donnees en cours...") ;
      break ;
      case 2:
         logger("Status : Attente de la reponse...") ;
      break ;
      case 1:
         logger("Status : Connexion au serveur...") ;
      break ;
      case 0:
         logger("Status : Connexion non initialise !! ") ;
      break ;
   }
}

28/02/2006, 15h20
denisC
Citation:

Envoyé par jacquesh

http.onreadystatechange = handleHttpResponse(dest) ;
Code:

1 2 http.onreadystatechange = function() {handleHttpResponse(dest)};
Mais si il faut créer la fonction à chaque fois, mais c'est pas si dur que ça :)
28/02/2006, 15h22
NeHuS

ah oui j'avais oublié le function () :oops:
28/02/2006, 15h24
FremyCompany

Je ne suis juste débutant mais je me pose une bête question:

Dans ton cas, tu utilise :

Code:

http.open("GET", url + "?" + args, bool)

Alors pourquoi trouver

Code:

http.send(args)

et pas

Code:

http.send(null)

?

Fremy
28/02/2006, 16h00
jacquesh

nikel !! :D

merci pour toutes vos infos

j'y avais pas penser à

Code:

function() {handleHttpResponse(dest)};

sinon je ne pouvais pas me permettre de creeer plusieurs fonctions dans le sens ou les div où le resultat doit être ecrit sont dynamiquement créée :)

merci encore et un résolu de plus pour les stats :D