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

AJAX Discussion :

[AJAX] initialisation de deux listes déroulante


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Java
    Inscrit en
    Novembre 2009
    Messages
    72
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Novembre 2009
    Messages : 72
    Par défaut [AJAX] initialisation de deux listes déroulante
    Bonjour,

    dans ma page html, j'ai deux listes déroulantes dont je veux initialiser les valeurs en appelant du .php

    voici mes deux fonctions ajax qui sont sencé faire le travail :

    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
    function getXhr(){
        var xhr = null; 
     
    	if(window.XMLHttpRequest){ // Firefox et autres
    	   xhr = new XMLHttpRequest();
    	}
    	else if(window.ActiveXObject){ // Internet Explorer 
    	   try {
                    xhr = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");           
                }
    	}
    	else { // XMLHttpRequest non supporté par le navigateur 
    	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest!"); 
    	   xhr = false; 
    	} 
        return xhr;
    }
     
     
    /**************************************************
    * GetAssurance *
    ***************************************************/
     
    function getAssurance(){
        xhr=getXhr();
     
        xhr.onreadystatechange = function(){
     
                if(xhr.readyState == 4 && xhr.status == 200){
                        leselect = xhr.responseText;
                        document.getElementById('Assurance').innerHTML = leselect;
                }
        }
     
        xhr.open("POST","../functions/GetAssurance.php",true); 
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
     
    	xhr.send();
    }
     
    /**************************************************
    * GetClub *
    ***************************************************/
     
    function getClub(){
        xhr=getXhr();
     
        xhr.onreadystatechange = function(){
     
                     if(xhr.readyState == 4 && xhr.status == 200){
                        leselect = xhr.responseText;
                        document.getElementById('Club').innerHTML = leselect;
                }
    			document. body.style.cursor='default';
        }
     
        xhr.open("POST","../functions/GetClub.php",true); 
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
     
    	xhr.send();
    }


    dans ma page je veux faire l initialisation en appelant mes deux fonctions

    <script>getAssurance();</script>

    et plus loin

    <script>getClub();</script>


    et ceci ne fonctionne pas ... les deux indépendement marchent très bien mais si je fais les deux ... alors une des deux , en l occurence la premiere ne fait rien.

    apparement le xhr.readyState n'est pas a 4 (Done) ...

    et si je trace les appeles avec Firebug ... les deux fonction appelent bien les .php correspondant et repondent correctement avec un status = 200.

    est ce qu'il y a un problème de synchro avec Ajax ? pourtant il me semble que le but est justement de pouvoir faire autant d appel Asynchro que l on veut .

    Est ce que qqn a un conseil ou une idée ???

  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
    Billets dans le blog
    20
    Par défaut
    C'est ce qu'il arrive lorsque l'on n'est pas rigoureux et que l'on n'utilise pas le mot clé var.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function getAssurance(){
        xhr=getXhr();
        ...
    }
    Puisque tu n'utilises pas le mot clé var, la variable xhr devient donc une variable globale, donc lorsque tu fais l'affectation
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function getClub(){
        xhr=getXhr();
        ...
    }
    tu écrases l'ancienne valeur et la première fonction ne peut plus l'utiliser correctement.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur Java
    Inscrit en
    Novembre 2009
    Messages
    72
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Novembre 2009
    Messages : 72
    Par défaut
    Merci bcp Bovino ,


    en l’occurrence ce n'est pas un manque de rigueur mais de connaissance. Je pensais que javascrit n'avais pas besoin du var pour déclarer une variable locale a la fonction.


    grand merci

  4. #4
    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
    Billets dans le blog
    20
    Par défaut
    ce n'est pas un manque de rigueur mais de connaissance
    Il ne faut pas faire attention à tout ce que je dis !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. [AJAX] Lier deux listes déroulantes avec ajax
    Par king_soft dans le forum AJAX
    Réponses: 1
    Dernier message: 07/01/2011, 09h49
  2. Réponses: 9
    Dernier message: 09/09/2010, 13h56
  3. Réponses: 71
    Dernier message: 04/08/2010, 16h37
  4. [AJAX] lier deux listes déroulantes alimenté par une base de données (Mysql)
    Par arnaudperfect dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 23/04/2007, 01h06
  5. [AJAX] Synchronisation de deux listes déroulantes
    Par Le Rebel dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 18/03/2006, 23h28

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