[AJAX] Appel multiple sur la même fonction

**Gajilidd** · 11/08/2010, 11h22

Bonjour,

J'ai un problème en Php et Javascript, et je ne parviens pas à trouver des réponses sous Google.

Je fais un appel Ajax et la réponse attendue est générée par un autre appel Ajax.
Mon premier appel Ajax est fait 3 fois dans la même page avec un paramètre différent. Ces appels permettent de remplir grâce à des innerHtml des divisions.

Après plusieurs tests, les retours de la fonction avec les paramètres différents retournent le bon résultat.
Appelé trois fois séparément (pas dans la même page), le résultat attendu est là, par contre appelé trois fois dans la même page, les trois appels retournent le même résultat (le dernier).

Le code sera surement plus clair:

JS :

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
 
function getUpload(project, cr, type, login){ 
    if (window.XMLHttpRequest) // Mozilla, Safari, ... 
        xmlhttp = new XMLHttpRequest(); 
    else if (window.ActiveXObject) // IE 
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
 
 
    xmlhttp.open("GET", "TestUpload.php?project="+project+"&cr="+cr+"&type="+type+"&login="+login+"&random="+Math.random()); 
    xmlhttp.onreadystatechange=function() 
    { 
        if (xmlhttp.readyState == 4) 
        { 
            // select the section to display 
            if(type == ""){ 
                var div = "attachedFiles"; 
            }else if(type == "solution"){ 
                var div = "attachedFilesSolution"; 
            }else if(type == "whereUsed"){ 
                var div = "attachedFilesWhereUsed"; 
            } 
 
            document.getElementById(div).innerHTML = xmlhttp.responseText; 
 
        } 
    }; 
    xmlhttp.send(null); 
}

On voit donc ici que mes trois appels sont donc redirigé vers leur div respectives

Voici le code généré en HTML:

Code xhtml :

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
 
<div id='attachedFiles' style='text-align: left;'> 
    <script type="text/javascript"> 
        getUpload("156", "", "","zztest"); 
    </script> 
</div>
<div id='attachedFilesSolution' style='text-align: left;'> 
    <script type="text/javascript"> 
        getUpload("156", "", "solution","zztest"); 
    </script> 
</div>
<div id='attachedFilesWhereUsed' style='text-align: left;'> 
    <script type="text/javascript"> 
        getUpload("156", "", "whereUsed","zztest"); 
    </script> 
</div>

Voilà plusieurs jours que je bloque dessus et c'est un problème relativement urgent

.

Merci d'avance pour votre aide

.

**llaffont** · 11/08/2010, 13h03

J'ai pas eu le temps de lire le code.

Mais a priori tu utilises 3 fois la même variable de retour.

**Gajilidd** · 11/08/2010, 13h52

Oui lorsque je fais

Code :

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

  document.getElementById(div).innerHTML = xmlhttp.responseText;

la variable div est utilisé pour tout les retours, mais je change cette valeur en fonction d'un paramètre passé a la fonction.

Dois-je envoyer mes requêtes de façon synchrones? Si oui comment?