HTML5技术

HTML5-Web SQL数据库 - 小南瓜dxn

字号+ 作者:H5之家 来源:H5之家 2017-06-21 18:01 我要评论( )

Web SQL数据库API并不是HTML5规范的一部分,但是它是一个独立的规范,引入了一组使用SQL操作客户端数据库的API。 核心方法 openDatabase-使用现有的数据库或者新建的数据库创建一个数据库对象 transaction-能够控制一个事物,以及基于这种情况执行提交或者回

Web SQL数据库API并不是HTML5规范的一部分,但是它是一个独立的规范,引入了一组使用SQL操作客户端数据库的API。

核心方法

  openDatabase-使用现有的数据库或者新建的数据库创建一个数据库对象

  transaction-能够控制一个事物,以及基于这种情况执行提交或者回滚

  executeSql-执行实际的SQL语句

打开数据库

db = openDatabase(, , , 2 * 1024 * 1024);

openDatabase() 方法对应的五个参数说明:

第五个参数,创建回调会在创建数据库后被调用。

创建表

, , , 2 * 1024 * 1024); db.transaction(function (tx) { tx.executeSql(); });

插入数据

, , , 2 * 1024 * 1024); db.transaction(function (tx) { tx.executeSql(); tx.executeSql(); tx.executeSql(); });

也可以使用动态值插入数据

, , , 2 * 1024 * 1024); db.transaction(function (tx) { tx.executeSql(); tx.executeSql(, [e_id, e_log]); });

读取数据

, , , 2 * 1024 * 1024); db.transaction(function (tx) { tx.executeSql(); tx.executeSql(); tx.executeSql(); }); db.transaction(function (tx) { tx.executeSql(, [], function (tx, results) { var len = results.rows.length; msg = + len + ; document.querySelector().innerHTML += msg; for (i = 0; i < len; i++){ msg = + results.rows[i].log + ; } }, null); });

删除记录

db.transaction(function (tx) { tx.executeSql(); });

删除数据也可以是动态的

db.transaction(function(tx) { tx.executeSql(, [id]); });

更新记录

tx.executeSql();

更新数据也可以是动态的

tx.executeSql(, [id]);

注意:删除和修改不可以和建表语句放一个executeSql里,最好都分开写

以下是建好的数据库

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 将数据库从服务器移到浏览器--indexedDB基本操作封装 - 大~熊

    将数据库从服务器移到浏览器--indexedDB基本操作封装 - 大~熊

    2017-06-20 10:01

  • HTML5-Web存储 - 小南瓜dxn

    HTML5-Web存储 - 小南瓜dxn

    2017-06-20 09:00

  • 谈一下我们是怎么做数据库单元测试(Database Unit Test)的 - HarlanC

    谈一下我们是怎么做数据库单元测试(Database Unit Test)的 - HarlanC

    2017-06-17 12:00

  • 最新开源DBLayer,原来数据库操作可以这么简单 - 小小明

    最新开源DBLayer,原来数据库操作可以这么简单 - 小小明

    2017-06-15 17:01

网友点评
J