Web Base de datos SQL + Javascript bucle

Question

que estoy tratando de resolver esto, pero parece que no puede por mi cuenta ...
estoy jugando con SQL Web DB y no puedo conseguir un bucle para que funcione correctamente con eso.
que utilizo:

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

y me sale solo el 5 de .. No entiendo los valores I incrementales.
¿Puede alguien sugerir qué estoy haciendo mal y en qué debería estar pensando?

Answer 1

Parece que la función es asíncrona, y que en el momento en que tx.executeSql incendios, el bucle ha terminado de bucle y i se ha cambiado varias veces.

Puede resolver esto con un cierre.

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

hacerlo al revés:

<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> 

Y la alternativa, la forma correcta con el bucle exterior que es innecesario en este caso

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