使用 javascript 向 Web SQL 数据库中的表动态添加值

Question

我正在从 Web 服务中获取值。我必须将这些值插入到 Web SQL 数据库的表中。

我有 4 条记录。我在循环中插入了以下代码，但数据库中只添加了最后一条记录，而不是前3条记录。

for(var t=0;t<main_category.length;t++){
        db.transaction(function(tx){
            var insertStatement="INSERT INTO main_menu(catId,catName,catImage) VALUES(?,?,?)";
            tx.executeSql(insertStatement, [menu_id, menu_name, menu_img]);
            console.log("values inserted "+ t);
        });
}

我尝试了很多解决方案，以下链接有其中之一，

Web SQL Database + Javascript loop

但是，它没有用。请建议我如何使用动态值填充表格。

Answer 1

试试这个：

for(var t = 0; t < main_category.length; t++){
        (function(i) {
            var item = main_category[i];
            var menu_id = item.id, menu_name = item.name, menu_img = item.img;
            db.transaction(function(tx) {
                var insertStatement="INSERT INTO main_menu(catId,catName,catImage) VALUES(?,?,?)";
                tx.executeSql(insertStatement, [menu_id, menu_name, menu_img]);
                console.log("values inserted "+ i);
            });
        })(t);
}

结果：