[AJAX] Plusieurs Champs mis à jour à partir d'un seul

Question

Bonjour, 
En m'inspirant d'un tuto, je souhaite mettre à jour plusieurs champs de formulaire en fonction du choix fait dans une dropdown. Voilà mon code : 
Code: 

function go(){ 
            UpdateName(); 
            UpdateCustomer(); 
         } 
         /** 
         * This method will change the project name in the textbox according to the selected project. 
         */ 
         function UpdateName(){ 
            getXhr(); 
            // On défini ce qu'on va faire quand on aura la réponse 
            xhr.onreadystatechange = function(){ 
            // On ne fait quelque chose que si on a tout reçu et que le serveur est ok 
               if(xhr.readyState 4 && xhr.status 200){ 
                  NewHTMLCode = xhr.responseText; 
                  alert(xhr.responseText); 
            // On se sert de innerHTML pour rajouter les options a la liste 
                  document.getElementById('Name').innerHTML = NewHTMLCode ; 
               } 
            } 

            // Ici on va voir comment faire du post 
            xhr.open("POST","ModifyProject-FieldUpdate.php",true); 
            // ne pas oublier ça pour le post 
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
            // ne pas oublier de poster les arguments 
            // ici, l'id du projet 
            sel = document.getElementById('Project'); 
            projectid = sel.options[sel.selectedIndex].value; 
            xhr.send('ProjectID='+projectid+'&FieldNumber=1'); 
         } 
         /** 
         * This method will change the default customer in the Customer selection dropdown according to the selected project. 
         */ 
         function UpdateCustomer(){ 
            getXhr(); 
            // On défini ce qu'on va faire quand on aura la réponse 
            xhr.onreadystatechange = function(){ 
               // On ne fait quelque chose que si on a tout reçu et que le serveur est ok 
               if(xhr.readyState 4 && xhr.status 200){ 
                  NewHTMLCode = xhr.responseText; 
                                    // On se sert de innerHTML pour rajouter les options a la liste 
                  document.getElementById('Customer').innerHTML = NewHTMLCode ; 
               } 
            } 

            // Ici on va voir comment faire du post 
            xhr.open("POST","ModifyProject-FieldUpdate.php",true); 
            // ne pas oublier ça pour le post 
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
            // ne pas oublier de poster les arguments 
            // ici, l'id du projet 
            sel = document.getElementById('Project'); 
            projectid = sel.options[sel.selectedIndex].value; 
            xhr.send('ProjectID='+projectid+'&FieldNumber=2'); 
         } 
 


Le problème est le suivant : 

La seconde fonction appelée par go() s'execute correctement mais la première ne s'execute pas : en insérant des alert je me suis rendu compte que le programme ne rentrait pas dans le Code: 
if(xhr.readyState 4 && xhr.status 200) 
... 

Avez vous une idée de solution ? Peut-être suis en train de faire fausse route, le fonction go appelée au changement de choix d'une liste deroulante va elle meme appeler une douzaine de fonctions qui mettront chacune à jour une partie de formulaire... Peut être y'a t'il une meilleure façon de proceder ? 

Merci !

Souboc · Answer

:/ alors en testant et retestant je me suis rendu compte que quelques fois ca rentrait dans le if mais que ça me mettait le code correspondant au second case du switch... Fichier ModifyProject-FieldUpdate.php : Code: "; if(isset($_POST["ProjectID"])){ $res = mysql_query("SELECT Name FROM project WHERE ProjectID=".$_POST["ProjectID"]."",$dbcnx); while($row = mysql_fetch_assoc($res)){ echo ""; } } break; case 2: echo ""; break; case 3: echo "probleme"; break; case 4: echo "probleme"; break; case 5: echo "probleme"; break; case 6: echo "probleme"; break; case 7: echo "probleme"; break; case 8: echo "probleme"; break; case 9: echo "probleme"; break; case 10: echo "probleme"; break; case 11: echo "probleme"; break; } ?>

Souboc · Answer

Bon en fait en mettant l'appel à la fonction  UpdateCustomer(); sans la fonction UpdateName après avoir récupéré la main du serveur (et donc en virant la fonction go ) Ca devrait marcher mieux d'après ce que j'ai compris car XHR est asynchrone... 
C'est ce que j'ai fait mais j'ai le meme resultat... mon second champ est bien updaté par la fonction UpdateCustomer, appelée par UpdateName, mais celle ci n'update pas le premier champ qu'elle est censée updater...

POURQUOI TANT DE HAINE ??

Souboc · Answer

Bon... fin du monologue ça fonctionne maintenant j'ai déplacé l'appel de fonction et c'est ok !

[AJAX] Plusieurs Champs mis à jour à partir d'un seul

3 réponses

Votre réponse

Discussions similaires