javascript - jQuery 使用 transaction.executeSql() 返回未定义

Question

我正在尝试使用 jqm 应用程序的 web sql 数据库中的数据填充 html 标记。这是我的代码:

 $("#profile").on("pageinit", function () {
    db.transaction(function (transaction) {
        var sql = "CREATE TABLE IF NOT EXISTS profile " +
            " (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, " +
            "nickname VARCHAR(100) NOT NULL," +
            "tankVol VARCHAR(100) NOT NULL," +
            "waterType VARCHAR(100) NOT NULL," +
            "category VARCHAR(100) NOT NULL)"
        transaction.executeSql(sql, undefined);

        var sqlNickname = "SELECT nickname FROM profile";
        transaction.executeSql(sqlNickname, undefined, function (transaction, result) {
            var ul = "<ul>";
            if (result.rows.length) {
                for (var i = 0; i < result.rows.length; i++) {
                    var row = result.rows.item;
                    var nickname = row.nickname;
                    ul += "<li>" + nickname + "</li>";
                    ul += "</ul>";

                }
            }
            var $profileNickname = $("#profile div:jqmData(role=content)");
            $profileNickname.html(ul);
            var $nicknameContent = $profileNickname.find("ul");
            $nicknameContent.listview();
        }, error);
    });
});

我使用的表总是只有一条记录，所以我不确定是否需要使用 for 循环遍历表。我认为问题出在线路上:

transaction.executeSql (sqlNickname, undefined,

因为表格工作正常并且 html 正在正确创建但是在列表项元素中我得到字符串“undefined”而不是表格的昵称列中的值。感谢您的帮助!

Answer 1

首先，您要关闭循环内的 ul 标签。如果结果集中有超过 1 个条目，您将获得一个开始标记的多个结束标记。将该结束标记放在循环之外。

但是你得到的错误是这样的:

var row = result.rows.item;

将此更改为:

var row = result.rows.item(i);

所以程序知道要从结果集中取出哪一行。即使对于单个结果，这也是必要的。