jquery - html 5 网络存储不插入记录

Question

在将记录插入存储时遇到问题，调试了很多。似乎它从 html 表单中获取了 rate 值并将其传递给 addItem 函数。但它不执行 transaction.executeSql。

function errorHandler(transaction, error) {
    alert("SQL error: " + error.message);
}

try{
// open the database
var itemsDb = openDatabase('tripDb', '1.0', 'XB Trip DB', 100 * 1024);

// create the list items table if it doesn't exist
var queryCreateTable = 
    "CREATE TABLE IF NOT EXISTS xbTrip(xbId INTEGER NOT NULL PRIMARY KEY 
             AUTOINCREMENT, rate);";
itemsDb.transaction(function (transaction) {
    transaction.executeSql(queryCreateTable, [], null, errorHandler);
}, errorHandler);
}
catch (e)
{
alert(e.message);
}

$(document).ready(function() {

    $("#add").click(function() {
        addItem($("#rate").val(), function() {
        displayMessage();
    });     
        });

    function addItem(rate, callback) {      
    try{
        itemsDb.transaction(function(transaction) {
            transaction.executeSql(
                "INSERT INTO xbTrip(rate) VALUES (?)", 
                [rate],
                callback,
                errorHandler
            );
        });
    }
    catch (e)
    {
        alert(e);
    }       
} // addItem

function displayMessage(){
    alert("Insert record completed");
}
})  

Answer 1

我已经采用了您的代码并对其进行了一些扩展。

您有一个或两个简单的语法错误，例如您的 SQL 字符串中的分号，不确定它是否只是在 Soverflow 帖子中。

这是您尝试执行的操作的有效实现:

http://jsfiddle.net/TnPPa/1/

也许将其与您的进行比较，看看您是否可以判断是什么导致您的代码在您的特定情况下出错，因为您没有提供 HTML/App 上下文。

我认为这可能只是语法问题，也可能是匿名函数中回调的一些过于复杂的传递。

让我知道你的进展情况。