javascript - JS 上的 for 循环内的 WebSQL 事务

Question

我目前正在尝试将数据从数组插入到 WebSQL 数据库中，但得到了一些奇怪的结果。我认为这是因为它是异步的。

问题是我试图使用 for 循环内的事务插入数据，该循环也嵌套在另一个事务中。该代码几乎可以工作，但仅完成循环的最终事务。

                    for (i = 0; i < array.gArr.length; i++)
                    {
                        var group_id = array.gArr[i].group_id;
                        var title = array.gArr[i].title;
                        var description = array.gArr[i].description;
                        var photo = array.gArr[i].default_photo;


                        tx_num = "tx" + i;


                        db.transaction(function (tx_num) {     
                            tx_num.executeSql("INSERT OR IGNORE INTO my_groups(group_id, title, description, photo_url) VALUES (?,?,?,?)", [group_id, title, description, photo]);
                        });


                    }

tx_num 存在的原因是试图查看它是否是由于具有相同的 tx 名称。

我也尝试过仅使用 INSERT INTO 以防这会导致问题，并且结果是相同的。

仅供引用，该表是使用以下方法创建的:

db.transaction(function (tx) {

    tx.executeSql('CREATE TABLE IF NOT EXISTS my_groups(group_id UNIQUE, title, description, photo_url)');

});

如有任何帮助，我们将不胜感激。

Answer 1

我已经找到了解决方案。

似乎每次循环完成时事务都会被覆盖，因此它仅完成最终事务。为了确保所有这些都运行，您需要将循环包含在 db.transaction 中。通过这样做，所有事务都会在 db.transaction 运行时运行。这都是由于异步性质造成的。

以下是供将来引用的代码:

db.transaction(function (tx1) {     
    for (i = 0; i < array.gArr.length; i++)
    {
        var group_id = array.gArr[i].group_id;
        var title = array.gArr[i].title;
        var description = array.gArr[i].description;
        var photo = array.gArr[i].default_photo;

        tx1.executeSql("INSERT OR REPLACE INTO my_groups(group_id, title, description, photo_url) VALUES (?,?,?,?)", [group_id, title, description, photo]);

    }

});