HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 Web SQL数据库查询数据实例

了解了如何创建数据表并将数据插入到表中后，我们需要了解如何查询表中已经存在的数据，如下代码使用条件来查询数据库中存在的记录：

tx.executeSql('SELECT *  FROM user ', [], function (tran, res) {
    var len = res.rows.length, i;
    var msg = "<p>查询user表中记录数量: " + len + "</p>";
    document.querySelector('#info').innerHTML +=  msg;

    for (i = 0; i < len; i++){
        msg = "<p><b>" + res.rows.item(i).name + "</b></p>";
        document.querySelector('#info').innerHTML +=  msg;
    }
},function(tran,error) {
    document.getElementById("info").innerHTML += "查询数据错误回掉，错误为："+error.message+"<br/>";
});

执行一下

可以看到，我们要想获取查询的结果使用到了 executeSql函数的第二个参数（结果回调函数），在这个回调函数中，有两个参数：第一个参数是用来执行sql语句的事务对象本身；第二个参数是执行的结果集对象 SQLResultSet，它的定义如下：

interface SQLResultSet {
    insertId: number;
    rowsAffected: number;
    rows: SQLResultSetRowList;
}

通过定义可以看出来，它包含了三个成员，它们的含义如下：

insertId：如果 SQLResultSet对象的 sql 语句插入到数据库中，则 insertid 属性必须返回该行的行 id。如果该语句插入了多行，则最后一行的 id 必须是返回。如果该语句没有插入一行，则该属性必须引发 INVALID_ACCESS_ERR 异常。
rowsAffected：rowsaffected 属性必须返回被 sql 语句更改的行数。如果该语句没有影响任何行，则该属性必须返回零。对于“ select”语句，这将返回零(查询数据库不会影响任何行)。
rows：rows 属性必须按照数据库返回的顺序返回一个 SQLResultSetRowList对象，表示返回的行数据集合。每次都必须返回相同的对象。如果没有返回行，那么对象将为空(其长度为零)

作者文档

HTML 5 基础教程

HTML5 Web SQL数据库 查询数据实例

HTML5 Web SQL数据库查询数据实例