retour d'ajax

Version imprimable

retour d'ajax

Bonjour à tous,

Je suis entrain de créé une application en Ajax et j'ai créer ce code qui fonctionne à moitié, c'est pour ça que je viens vous demander conseil :

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
 
manager = {
	objXMLHttpRequest : null,
 
	get : function(setting) {
		objXMLHttpRequest = manager.requestObject();
 
		if(typeof(setting.mode) == 'undefined' || setting.mode != true || setting.mode != false) {
			setting.mode = true;
		}
 
		if(typeof(setting.json) == 'undefined') {
			manager.json = false;
		} else {
			manager.json = setting.json;
		}
 
		objXMLHttpRequest.open('GET', setting.url, setting.mode);
 
		objXMLHttpRequest.onreadystatechange = function() {manager.response(setting.callBack)};
 
		objXMLHttpRequest.send(null);
	},
 
	response : function(callBack) {
		if(objXMLHttpRequest.readyState == 4) {
			if(objXMLHttpRequest.status == 200) {
				var response = objXMLHttpRequest.responseText;
 
				if(typeof(manager.json) != 'undefined' && manager.json === true) {
					response = window["eval"]("(" + response + ")");
				}
 
				callBack(response)
			}
		}
	},
 
	requestObject : function() {
		return window.XMLHttpRequest ? new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
	},
};

Grâce à cette classe, je peux effectuer le code suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
window.onload = function() {
	var value = manager.get({
					url : 'http://www.url.com/index.php?params=test',
					json : true,
					callBack : function(data) {
						return data.script;
					},
				});
 
	alert(value)
}

Le souci dans ce code, c'est que je fait un retrour de la ligne suivante :

Code:

return data.script;

Que je mets dans la variable "value" mais l'alert ne m'affiche rien (enfin si : undefined). Par contre, il y a bien un texte de retour si vous vous poser la question ;) car lorsque je fait :

Code:

alert(data.script)

Code:

alert(response)

Dans la méthode "response ()" il y a un retour.

Avez-vous une idée ?

Merci d'avance,
Bien cordialement.

23/10/2009, 11h45
gwyohm

C'est parce que ta requete ajax n'est pas finie, que déjà tu passes dans ton alert...
asynchrone:mrgreen:
23/10/2009, 11h46
Matthieu2000

Citation:

var response = objXMLHttpRequest.responseText;

le retour est du texte qui ne contient aucun attribut !
23/10/2009, 11h54
nicko_73

Je vous remercie de vos aides, mais j'ai pas tout a fait compris :oops:

Pourtant dans mon exemple plus haut je fait l'alert tout à la fin et si je ne me trompe pas, la 4eme étape est la dernière ?

Pour ce qui est de l'attribut, je ne vois pas. Je suis désolé encore :oops:

Est ce que vous pouvez m'en dire une peu plus SVP ?

Merci
23/10/2009, 12h04
Bovino
Salut.
Code:

1 2 3 callBack : function(data) { return data.script; }
Commence par te poser la question de savoir dans quelle fonction tu fais le return, donc quelle fonction le reçoit ;)
23/10/2009, 12h06
gwyohm

Citation:

Envoyé par nicko_73

Pourtant dans mon exemple plus haut je fait l'alert tout à la fin et si je ne me trompe pas, la 4eme étape est la dernière ?

Et bien c'est là que tu te trompes ; un peu de lecture http://javascript.developpez.com/faq...jax.asynchrone

Merci pour la lecture ;)

1°) Problème
Dites moi si je me trompe lorsque je mets true dans le troisième argument de la fonction open(), ajax est asynchrone. Donc il utilise onreadystatechange je peux donc faire autre chose a coté en attendant la fin de l'action ajax.

Donc dans mon cas, avec exécution rapide du script, il se peut qu'il affiche une valeur qui n'existe pas encore d'où undefined.

J'ai donc mis false dans le troisième argument par contre il n'a plus l'air du tout de passer dans cette partie du script :

Code:

objXMLHttpRequest.onreadystatechange = function() {manager.response(setting.callBack)};

2°) Problème

Citation:

Commence par te poser la question de savoir dans quelle fonction tu fais le return, donc quelle fonction le reçoit

Alors oui effectivement je fait en return que dans la fonction callBack, j'ai donc modifier ma méthod get comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 get : function(setting) { objXMLHttpRequest = manager.requestObject(); if(typeof(setting.mode) == 'undefined') { setting.mode = true; } if(typeof(setting.json) == 'undefined') { manager.json = false; } else { manager.json = setting.json; } objXMLHttpRequest.open('GET', setting.url, setting.mode); objXMLHttpRequest.onreadystatechange = function() {return manager.response(setting.callBack)}; objXMLHttpRequest.send(null); return objXMLHttpRequest; },
Mais là c'est un autre problème qui viens à moi c'est qu'il me retourne l'objet : XMLHttpRequest.

j'ai donc mis XMLHttpRequest.responseText dans le dernier return, mais àa m'affiche la valeur qu'en mode synchrone (si je ne n'embrouille pas).

Je ne vois pas comment faire pour que cela fonction dans les deux cas.

23/10/2009, 13h25
Bovino

Il faut bien comprendre une chose, c'est que quand une fonction a appelle une fonction b, un return dans la fonction b est pertinent car la fonction a attend bien sagement que b ait fini son exécution pour continuer son traitement.
Dans le cas d'une requête Ajax asynchrone, ce n'est pas le cas, la requête est lancée et la fonction continue son traitement. Une instruction return dans le callback n'a donc pas beaucoup de sens dans ce cas.
23/10/2009, 13h36
nicko_73

Dans ce cas, je ne comprends pas pourquoi vous m'avez dit ceci :D :

Citation:

Commence par te poser la question de savoir dans quelle fonction tu fais le return, donc quelle fonction le reçoit

Cela voudrait-il dire que je suis obliger d'exécuter tout un script la fonction callBack ? Je ne peux donc pas faire de return pour les mettre dans une variable pour interpréter les données plus tard ?
23/10/2009, 13h38
vermine

Vous pouvez enregistrer le résultat dans un champ du formulaire que vous irez relire plus tard.
23/10/2009, 13h46
Bovino

Citation:

Dans ce cas, je ne comprends pas pourquoi vous m'avez dit ceci :D :

Citation:

Commence par te poser la question de savoir dans quelle fonction tu fais le return, donc quelle fonction le reçoit

Pour que tu te rendes compte que le return ne renvoie pas le résultat à la fonction que tu pensais, ce qui est une erreur assez fréquente, pas uniquement dans le cas d'Ajax :)

Citation:

Cela voudrait-il dire que je suis obliger d'exécuter tout un script la fonction callBack ?

C'est la façon habituelle de procéder.
23/10/2009, 13h54
nicko_73
Citation:

Envoyé par vermine

Vous pouvez enregistrer le résultat dans un champ du formulaire que vous irez relire plus tard.

Oui c'est vrai mais je ne vais pas forcement utiliser de formulaire. Ce que je ne comprend pas non plus, c'est que comme je suis dans une classe, je devrais pouvoir, toujours dans le mode asynchrone, mettre les valeurs de objXMLHttpRequest.responseText dans un attribut comme par exemple :
Code:

1 2 manager.value = objXMLHttpRequest.responseText;
Puis la traiter plus tard mais ca ne fonctionne pas; Merci pour ta solution vermine

Hehe même pas le temps de répondre ;)

J'ai bien pris note :

Citation:

C'est la façon habituelle de procéder.

Voisi ma nouvelle fonction en suivant vos conseils :

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
	get : function(setting) {
		objXMLHttpRequest = manager.requestObject();
 
		if(typeof(setting.mode) == 'undefined') {
			setting.mode = true;
		}
 
		if(typeof(setting.json) == 'undefined') {
			manager.json = false;
		} else {
			manager.json = setting.json;
		}
 
		objXMLHttpRequest.open('GET', setting.url, setting.mode);
 
 
		objXMLHttpRequest.send(null);
 
		if(setting.mode == true) {
			objXMLHttpRequest.onreadystatechange = function() {manager.response(setting.callBack)};
		} else {
			var response = objXMLHttpRequest.responseText;
 
			if(typeof(manager.json) != 'undefined' && manager.json === true) {
				response = window["eval"]("(" + response + ")");
			}
 
			return response;
		}
 
	},
 
	response : function(callBack) {
		if(objXMLHttpRequest.readyState == 4) {
			if(objXMLHttpRequest.status == 200) {
				var response = objXMLHttpRequest.responseText;
 
				if(typeof(manager.json) != 'undefined' && manager.json === true) {
					response = window["eval"]("(" + response + ")");
				}
 
				callBack(response)
			}
		}
 
	},

Qu'est ce que vous en pensez ?