Cơ sở dữ liệu SQL Web + Vòng lặp Javascript

Question

Tôi đang cố gắng tìm ra điều này nhưng không thể tự mình làm được ...
Tôi đang chơi với Web SQL DB và tôi không thể có vòng lặp hoạt động đúng cách với nó.
tôi sử dụng:

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

Và tôi chỉ nhận được 5 của .. Tôi không nhận được i giá trị gia tăng.
Có ai có thể đề xuất những gì tôi đang làm sai và tôi nên suy nghĩ gì không?

Answer 1

Dường như chức năng là không đồng bộ, và vào thời điểm tx.executeSql cháy, vòng lặp đã kết thúc vòng lặp và i đã được thay đổi nhiều lần.

Bạn có thể giải quyết vấn đề này bằng cách đóng cửa.

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

Do nó là cách khác xung quanh:

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

Và thay thế, cách thích hợp với các vòng lặp bên ngoài đó là không cần thiết trong trường hợp này

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