Database SQL Web + ciclo Javascript

Question

Sto cercando di capirlo ma non riesco a trovarlo da solo ...
Sto giocando con DB Web SQL e non riesco a far funzionare correttamente un ciclo con esso.
Io uso:

for (var i=0; i<=numberofArticles-1; i++){ 
    db.transaction(function (tx) { 
    tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)', [i]); 
    }); 
}; 

e ottengo solo 5 di .. Non capisco il incrementale valori i.
Qualcuno può suggerire cosa sto sbagliando e cosa dovrei pensare?

Answer 1

Sembra che la funzione è asincrona, e che quando viene attivato tx.executeSql, il ciclo ha terminato il ciclo e i è stato modificato più volte.

È possibile risolvere questo con una chiusura.

for (var i=0; i<=numberofArticles-1; i++){ 
    function (value) { 
     db.transaction(function (tx) { 
     tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)', [value]); 
     }); 
    }(i); // <-- CALL the function 
}; 

Answer 2

farlo nel contrario:

<script> 
    numberofArticles = 5; 
    db = openDatabase("websql", "0.1", "web-sql testing", 10000); 
    db.transaction(function(tx) { 
     tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, articleID int)'); 
    }); 
    db.transaction(function (tx) { 
     for (var i=0; i<=numberofArticles-1; i++){ 
      tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)', [i]); 
     }; 
    }); 
</script> 

e l'alternativa, il modo corretto con il ciclo esterno che non è necessaria in questo caso

for (var i=0; i<=numberofArticles-1; i++){ 
     (function(i) { 
     db.transaction(function (tx) { 
       tx.executeSql('INSERT INTO LOGS (articleID) VALUES (?)', [i]); 
     }); 
     })(i); 
    };