[AJAX] Retour "undefined" d'une variable

Version imprimable

Bonjour,

Je ne comprends pas ce qui cloche.
la variable libelle_service est "undefined".

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function validation_compte () {
 
.....
	libelle_service = lib_service(id_service);
.....
}
 
 
function lib_service (id_service) {
	getXhr();
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4 && xhr.status == 200) {
			return xhr.responseText;
		}
	};
	xhr.open("POST","Script/BDD/libservice.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-15');
	xhr.send("id_service=" + id_service);
}

La fonction lib_service renvoie bien ce qu'il faut (si je mets un alert(xhr.responseText);, je vois le bon résultat).

Si je mets

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function lib_service (id_service) {
	return 'coucou1';
	getXhr();
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4 && xhr.status == 200) {
			return xhr.responseText;
		}
	};
	xhr.open("POST","Script/BDD/libservice.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-15');
	xhr.send("id_service=" + id_service);
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function lib_service (id_service) {
	getXhr();
	return 'coucou1';
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4 && xhr.status == 200) {
			return xhr.responseText;
		}
	};
	xhr.open("POST","Script/BDD/libservice.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-15');
	xhr.send("id_service=" + id_service);
}

C'est bon aussi.

Si je mets

Code:

1
2
3
4
 
if(xhr.readyState == 4 && xhr.status == 200) {
			return 'coucou';
		}

ça va pas non plus.

Mais je ne vois pas pour quelle raison.

11/02/2009, 13h48
Bovino

Le premier A de Ajax correspond à Asynchrone, cela veut dire que ta fonction continue à s'exécuter sans attendre la réponse du serveur.
Donc, une fois que la fonction a terminé son traitement (ce qui se produit généralement avant qu'elle n'ai reçu la réponse du serveur), elle renvoie son résultat, soit dans ton cas... rien du tout ;)
11/02/2009, 14h00
DoubleU
Le problème c'est pas tant ca, c'est surtout que tu fais un return sur un callback, donc forcément, tu ne peux pas récupérer de réponse...
Code:

1 2 3 4 5 6 7 8 function lib_service (id_service) { getXhr(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { return xhr.responseText; } }; }
Quand tu écris ca, le return s'applique à la fonction définie pour xhr.onreadystatechange, pas pour function lib_service.

Met ton traitement qui devait récupérer le résultat dans ton onreadystatechange, pas en dehors.
11/02/2009, 14h04
RomainVALERI
Oui, Bovino a raison ^^
edit : heu... tiens DoubleU aussi entre-temps
Si tu veux que ça marche, modifie ta fonction lib_service pour qu'elle ne renvoie rien, mais place le code correspondant au traitement à effectuer après le retour des données ici :
Code:

1 2 3 4 5 if(xhr.readyState == 4 && xhr.status == 200) { libelle_service=xhr.responseText; // et la suite... }
Enfin, c'est à adapter, mais voilà le principe général...

J'ai donc réorganiser mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function validation_compte() {
...
		getXhr();
		xhr.onreadystatechange = function() {
			if(xhr.readyState == 4 && xhr.status == 200) {
				libelle_service = xhr.responseText;
				create_compte (....);
			}
		};
		xhr.open("POST","Script/BDD/libservice.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-15');
		xhr.send("id_service=" + id_service);
...
}
 
function create_compte() {
...
}

Et là, c'est bon.

Merci.