[AJAX] Valeur de variable globale indisponible dans d'autre fonction js (AJAX)

Bonjour tout le monde,

Je suis dans une page javascript A, j'appelle une fonction javascript (AJAX) dans une page B :

Page A :

Code:

---

1 2 3 4 5

if(document.getElementById(id_cb).checked) { nombre_ects_dans_bd = check_ects(matricule,valeur_cb); alert("ici" + total_ects_bd); }

---

Page B :

J'ai déclaré une variable globale :

Code:

---

1 2 3 4

var total_ects_bd = 0; function check_ects(matricule,valeur_cb) {

---

le retour dans la page B est celui-ci :

Code:

---

1 2 3 4 5 6 7 8 9

xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { total_ects_bd = xhr.responseText; //return total_ects_bd;   }

---

Si je fais un alert dans A de la variable globale total_ects_bd j'obtiens toujours 0 :

Code:

---

1 2	alert("ici" + total_ects_bd);

---

Sauriez-vous svp me dire ce que je n'ai pas bien fait ?

Merci d'avance.

beegees

Salut,

Je n'ai pas tout saisi de tes page A et page B :? mais par contre ce qui doit se passer c'est que si ton appel AJAX est asynchrone, alors tu affiches ton alert mais le retour d'AJAX n'a pas encore eu lieu :aie: ... C'est pour ces raisons qu'on passe une fonction de rappel à onreadystatechange en cas d'appel asynchrone.

ERE

Les pages A et B sont bien deux pages web distinctes, c'est ça ?
Si c'est le cas, effectivement les variables ne sont pas accessibles de l'une à l'autre car chaque (re)chargement de page détruit et reconstruit le contexte de page JS.
Par contre, il y a des solutions pour conserver des données de page en page, dont la plus "classique" (à voir en fonction de ton contexte si c'est la solution à adopter) est de passer des params dans l'URL qui passe d'une page à l'autre... (sinon il y a les cookies de session, l'écriture dans un fichier sur le serveur que tu interrogerais par ajax...)

Citation:

---

Les pages A et B sont bien deux pages web distinctes, c'est ça ?

---

C'est justement la question que je me suis posée. Mais si c'est le cas, pourquoi le code ne plante pas à l'appel de la fonction

Code:

---

nombre_ects_dans_bd = check_ects(matricule,valeur_cb);

---

étant donnée que celle-ci n'existe pas dans A ?

ERE

J'ai un doute ^^
Page A et page B sont peut-être des js distincts appelés depuis le head d'une page unique... si c'est le cas je suis hors-sujet là :aie:

Beegees ? ^^

Salut,

Merci à vous deux pour vos réponses.

Voici plus de détails :

page Enregistrer_cours.js :

Code:

---

1 2 3 4 5 6 7 8 9 10

function mise_a_jour_cours(id_cb,valeur_cb,matricule,filiere) { //alert("this.id vaut " + id_cb); //je vérifie si la checkbox cliquée à été cochée ou décochée //je ne fait le check que si c'est coché car si c'est pas coché, on va quand même soustraire if(document.getElementById(id_cb).checked) { nombre_ects_dans_bd = check_ects(matricule,valeur_cb); if(total_ects_bd > 10)alert("pas ok"); }

---

J'appelle donc une fonction nommée check_ects

page check_ects.js :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

var total_ects_bd = 0; //cette fonciton me permet de vérifier le nombre d'ECTS déjà présent dans la bd au cas ou un etudiant choisirait des cours dans deux browsers differents avant de rafraichir function check_ects(matricule,valeur_cb) { var xhr = getXhr(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { total_ects_bd = xhr.responseText; alert(total_ects_bd);   } }   xhr.open("POST","AJAX/check_ects.php",true); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send("matricule="+matricule+"&valeur_cb="+valeur_cb);   }

---

Le retour est par exemple 10 mais dans la première page c'est toujours 0.

Merci encore à vous deux.

beegees

Citation:

---

Envoyé par RomainVALERI

J'ai un doute ^^
Page A et page B sont peut-être des js distincts appelés depuis le head d'une page unique... si c'est le cas je suis hors-sujet là :aie:

Beegees ? ^^

---

oui, appelés depuis un head unique :

Code:

---

1 2 3 4 5 6 7 8

<script type="text/javascript" src="AJAX/Enregistrer_Filiere.js"></script> <script type="text/javascript" src="AJAX/Enregistrer_cours.js"></script> <script type="text/javascript" src="AJAX/nom_prenom.js"></script> <script type="text/javascript" src="AJAX/ECTS.js"></script> <script type="text/javascript" src="AJAX/cloture.js"></script> <script type="text/javascript" src="PDF/imprimer_CAO.js"></script> <script type="text/javascript" src="js/desactiver_cb.js"></script> <script type="text/javascript" src="AJAX/check_ects.js"></script>

---

beegees

Beegees, faut être un peu plus précis dans ton vocabulaire... :roll:
Ne parle pas de page javascript A et page B mais de 2 fichiers javascript A et B. ;)

Du coup je te confirme ce que j'écrivais précédemment sur l'aspect asynchrone.

Ta variable total_ects_bd est bien globale et initialisée à 0, mais tu affiches ton alert alors que le retour d'AJAX n'a pas encore eu lieu. Tu peux le vérifier en changeant la valeur d'initialisation de total_ects_bd (mets 5 par exemple et tu devrais voir s'afficher 5 dans ton alert).

Bon dev,

ERE