Discussion :

[nicko_73]

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 :

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

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

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 :

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

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 :

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

alert(data.script)

ou

Code :

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

alert(response)

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

Avez-vous une idée ?

Merci d'avance,
Bien cordialement.

[gwyohm]

C'est parce que ta requete ajax n'est pas finie, que déjà tu passes dans ton alert...
asynchrone

[Matthieu2000]

var response = objXMLHttpRequest.responseText;

le retour est du texte qui ne contient aucun attribut !

[nicko_73]

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

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

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

Merci

[Bovino]

Salut.

Code :

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

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

[gwyohm]

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

[nicko_73]

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 :

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

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

2°) Problème

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 :

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

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