IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AJAX] Retour "undefined" d'une variable


Sujet :

JavaScript

  1. #1
    Membre actif
    Homme Profil pro
    développeur
    Inscrit en
    Octobre 2004
    Messages
    479
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : développeur
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2004
    Messages : 479
    Points : 281
    Points
    281
    Par défaut [AJAX] Retour "undefined" d'une variable
    Bonjour,

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

    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
     
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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);
    }
    OU


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    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

  3. #3
    Membre expérimenté Avatar de DoubleU
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 106
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 106
    Points : 1 388
    Points
    1 388
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  4. #4
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    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 javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    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...

  5. #5
    Membre actif
    Homme Profil pro
    développeur
    Inscrit en
    Octobre 2004
    Messages
    479
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : développeur
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2004
    Messages : 479
    Points : 281
    Points
    281
    Par défaut
    J'ai donc réorganiser mon code :

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

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 08/07/2011, 10h01
  2. [PHP 5.3] Un retour chariot dans une variable
    Par Ottakar dans le forum Langage
    Réponses: 9
    Dernier message: 01/11/2010, 22h40
  3. Détecter le retour chariot d'une variable post
    Par keub51 dans le forum Langage
    Réponses: 1
    Dernier message: 22/05/2007, 17h05
  4. Réponses: 9
    Dernier message: 21/02/2007, 13h20
  5. Retour chariot appliquée à une variable
    Par denis finch dans le forum Langage
    Réponses: 4
    Dernier message: 14/12/2005, 12h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo