Discussion :

[guy777]

Bonjour,

J'ai une appli JavaScript qui doit prendre des données dans une base et cela fonctionne très bien. Mon problème est que pendant que la requête se fait, l'appli doit rester disponible à l'utilisateur (car mon serveur est un peu long à la détente). J'ai donc fait en sorte d'utiliser le mode asynchrone. Mais Firefox me renvoie une erreur sur une variable qui n'est pas à jour au bon moment, car elle est utilisée AVANT sa mise à jour par la requête. Dans les précedents posts, certains ont eu ces problemes et utilisés une attente. Malheureusement plusieurs problèmes : cela bloque l'utilisateur pendant la durée de l'attente et si le serveur est particulièrement long, l'attente se termine avant la fin de la procédure, pas bien fiable donc...

Voici un bout de mon code :

Code :

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

1
2
3
4
5
function CAL_init() {
    res = sendData();
    alert(res);
    CAL_placeEvent("", res[1]);
}

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
function sendData() {
    var xhr_object = null; 
    var result;
 
    if(window.XMLHttpRequest) // Firefox 
        xhr_object = new XMLHttpRequest(); 
    else {
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
        return;    
    } 
 
    xhr_object.open("POST", "cal.php", true);   
 
    xhr_object.onreadystatechange = function() { 
        if(xhr_object.readyState == 4) {
            result = xhr_object.responseText.split(",");
            return result;
        }
    } 
 
    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");    
    xhr_object.send(null); 
}

Le prog PHP fait un SELECT qui renvoie les données de la base : marche très bien !
La variable result est retournée pour initialiser la variable res de la fonction init() le problème est que la procédure se termine (donc après avoir exécuter l'instruction xhr_object.send(null) avant le retour des données et retourne donc un résultat 'undefined'. En mettant des alert() aux bons endroits j'ai pu me rendre compte que les données étaient bien retournées mais après...

Sans mettre un sleep ou wait ou je ne sais quelle attente, comment pourrais je faire pour attendre le retour des données sans bloquer l'utilisateur ?

[SpaceFrog]

faire la requete en asynchrone ?

[guy777]

Ben ça y est !!!

Code :

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

xhr_object.open("POST", "cal.php", true);

true ca veut bien dire que j'ai activé le mode asynchrone, non ???

[SpaceFrog]

oui c'est pour cela que j'ai mis un point d'interrogation car ça ne devrait pas bloquer l'utilisateur ...

à ce moment là met une boucle while avec un test sur la variable en question ...
et accessoirement un increment pour eviter une boucle infinie voire une boucle for inférieure au max d'ittérrations

[guy777]

oui j'y ai pensé mais lorsque le while est en cours cela bloque l'utilisateur. Il ne peut pas continuer à utiliser l'appli pendant que les données arrivent ...

[guy777]

Bon j'ai trouvé !
Je met le code si cela intéresse quelqu'un :

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
function CAL_sendData() {
    var xhr_object = null; 
    var result;
 
    if(window.XMLHttpRequest) // Firefox 
        xhr_object = new XMLHttpRequest(); 
    else {
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
        return;    
    } 
 
    xhr_object.open("POST", "cal.php", true);   
 
    xhr_object.onreadystatechange = function() { 
        if(xhr_object.readyState == 4) {
            result = xhr_object.responseText.split(",");
            CAL_placeEvent("", result[1]);
        }
    } 
 
    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");    
    xhr_object.send(null); 
}

En fait je me passe carrément de la fonction init() et de la variable ! Je fait appel à la fonction dans le onreadystatechange. Si quelqu'un trouve le moyen de faire attendre la variable et donc de ne pas se passer de la variable, je suis preneur !