[Ajax] Scrittura su div sbagliato!!! Forse query che si accavallano?

[|\/|atrix]

Salve a tutti!
Stavo testando una semplice pagina HTML composta da due div e da un javascript che utilizzando Ajax, tramite una funzione temporizzata ogni secondo aggiorna il contenuto dei due div (il contenuto è servito da una pagina php).

Ora noto che quando metto "sotto sforzo" il sistema, molto spesso e volentieri il contenuto che dovrebbe andare ad esempio nel div "A" mi viene scritto nel div "B" senza nessun apparente motivo!

N.B. Questa stranezza non si verifica se inserisco nello script delle funzioni di alert ad ogni refresh e si verifica un numero minore di volte se apro il socket in maniera sincrona...

Sembra quasi che le query si "accavallino" l'una sull'altra.

Potreste darmi qualche dritta?
Grazie a tutti!

[pietro09]

usi ajax: ma questo è vago :master:

Prova ad usare prototype: se con prototype funziona, è il tuo "ajax" che non va

[|\/|atrix]

Hai ragione non mi ero spiegato bene!
Il sistema che utilizzo è ahah (http://microformats.org/wiki/rest/ahah)

[andr3a]

ancora questi problemi? ... quel codice non permette chiamate multiple ma una sola alla volta poichè la variabile è globale e ogni volta che usi quella funzione sovrascrivi l'onreadystatechange e il div scritto sarà sempre quello usato nell'ultimo onreadystatechange assegnato ... usa ABC se è la semplicità che cerchi

[|\/|atrix]

Originariamente inviato da andr3a
ancora questi problemi? ... quel codice non permette chiamate multiple ma una sola alla volta poichè la variabile è globale e ogni volta che usi quella funzione sovrascrivi l'onreadystatechange e il div scritto sarà sempre quello usato nell'ultimo onreadystatechange assegnato ... usa ABC se è la semplicità che cerchi

Era proprio questa risposta che volevo io! Mi confermi le mie teorie!
Non so come ringraziarti!!!

Giusto per curiosità... la cosa non sono riuscito a capire è come fa a sovrascrivere l'onreadystatechange... nel loro esempio la variabile "req" non è dichiarata al di fuori della funzione....
Non dovrebbe creare una nuova istanza ad ogni chiamata?

// qui non c'è var req = false;

function ahah(url,target) {
    document.getElementById(target).innerHTML = 'loading data...';
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = function() {ahahDone(target);};
        req.open("GET", url, true);
        req.send(null);
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = function() {ahahDone(target);};
            req.open("GET", url, true);
            req.send();
        }
    }
} 

function ahahDone(target) {
   // only if req is "loaded"
   if (req.readyState == 4) {
       // only if "OK"
       if (req.status == 200 || req.status == 304) {
           results = req.responseText;
           document.getElementById(target).innerHTML = results;
       } else {
           document.getElementById(target).innerHTML="ahah error:\n" +
               req.statusText;
       }
   }
}

ahah("index.php","livello1"); 

Grazie ancora per il tuo interessamento!!!

[andr3a]

se non metti var davanti e' sempre globale (come window.req) ... un errore basilare ma ancora troppo spesso commesso ...

[|\/|atrix]

Azz... questa non la sapevo!!!
Quindi se non si dichiara la variabile con "var" davanti anche se la variabile è instanziata dentro una funzione, essa è sempre globale?

quindi in teoria un work around dovrebbe essere questo giusto?

function ahah(url,target) {
    document.getElementById(target).innerHTML = 'loading data...';
    if (window.XMLHttpRequest) {
        var req = new XMLHttpRequest();
        req.onreadystatechange = function() {ahahDone(req,target);};
        req.open("GET", url, true);
        req.send(null);
    } else if (window.ActiveXObject) {
        var req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = function() {ahahDone(req,target);};
            req.open("GET", url, true);
            req.send();
        }
    }
}

function ahahDone(req,target) {
   // only if req is "loaded"
   if (req.readyState == 4) {
       // only if "OK"
       if (req.status == 200 || req.status == 304) {
           results = req.responseText;
           document.getElementById(target).innerHTML = results;
       } else {
           document.getElementById(target).innerHTML="ahah error:\n" +
               req.statusText;
       }
   }
}

ahah("index.php","livello1"); 

Giusto per capire... che mi è venuto il dubbio!!!

[pietro09]

lascia perder ahah e guardati ABC (il signor Andrea ha lavorato di fino ed il codice non è esattamente banale )

ps.
L'unico punto a favore di ahah è che è un esempio perfetto di codice da non scrivere mai

[|\/|atrix]

Originariamente inviato da pietro09
lascia perder ahah e guardati ABC (il signor Andrea ha lavorato di fino ed il codice non è esattamente banale )

ps.
L'unico punto a favore di ahah è che è un esempio perfetto di codice da non scrivere mai

Su questo sono d'accordo con te perchè hai totalmente ragione!!!
Ho solo ripreso uno script vecchio e dopo che mi hai spiegato quelle cose stai tranquillo che non lo utilizzerò di certo!!!
L'unica cosa è che volevo solo cercare di capire il funzionamento... per una mia conoscenza!
Il "work around" che ho scritto prima potrebbe funzionare?

Grazie ancora per il tuo interessamento!

[pietro09]

L'unica cosa è che volevo solo cercare di capire il funzionamento... per una mia conoscenza!
Il "work around" che ho scritto prima potrebbe funzionare?

:quote: Ma allora siamo daccordo Anch'io debbo vedermi abc di andr3a e studiarmelo un poco.


Se mi chiedi se quello che hai scritto potrebbe funzionare (ma che vorrà dire work around :master: ), non guardo il codice, ma la firma del metodo:

function ahah(url,target)

il target non deve essere l'id di un div, ma una funzione di ritorno. Ciao