Bonsoir,
J'essaye de remplir 2 DIV dans une page via AJAX mais après execution du code seul la dernière, dans l'ordre d'appel, est remplis.
Petit exemple:
mes 2 DIV:
mon code JS appelant les fonctions AJAX (ressemblant étrangement au tuto
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <div id="div_mysql" style="width:400px;height:100px;overflow:auto"></div> <div id="div_utilisateur" style="width:800px;height:400px;overflow:auto"></div>)
Ici seul la div_utilisateur (appelé par ajx_utilisateur) est remplis.
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 function ajx_mysql() { 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){ document.getElementById('div_mysql').innerHTML = xhr.responseText; } } url_ajax = "ajax.php?step=1"; xhr.open("GET",url_ajax,true); xhr.send(null); } function ajx_utilisateur(){ 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){ document.getElementById('div_utilisateur').innerHTML = hr.responseText; } } url_ajax = "ajax.php?step=1"; xhr.open("GET",url_ajax,true); xhr.send(null); } function onchange_connect() { ajx_mysql(); ajx_utilisateur(); }
Si j'intervertis les 2 appel ajx... alors c'est la div_mysql qui est remplis.
Donc comment faire pour avoir mes 2 DIV remplis?
Partager