Discussion :

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

Code :

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

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]

[denisC]

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?

[jacquesh]

voila mon code JS :

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

[denisC]

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

[NeHuS]

Code :

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

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

[jacquesh]

Code :

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

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

[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

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

:

[NeHuS]

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 :

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

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 :

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

[denisC]

Code :

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

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

[jacquesh]

ok

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

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

[NeHuS]

essayes en dur comme ça pour voir :

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

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

[NeHuS]

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 :

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

[denisC]

http.onreadystatechange = handleHttpResponse(dest) ;

Code :

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

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

[NeHuS]

ah oui j'avais oublié le function ()

[FremyCompany]

Dans ton cas, tu utilise :

Code :

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

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

Alors pourquoi trouver

Code :

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

http.send(args)

et pas

Code :

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

http.send(null)

?

Fremy

[jacquesh]

nikel !!

merci pour toutes vos infos

j'y avais pas penser à

Code :

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

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