解析HTML5的存储功能和web SQL的相关操作方法

2020-04-25 07:58:59易采站长站整理

  
</body>  
</html>  

Web SQL 数据库
Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。
核心方法
下面是规范中定义的三个核心方法。也会涵盖在本教程中:

openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
executeSql:这个方法用于执行实际的 SQL 查询。
开启数据库
如果数据库已经存在,openDatabase 方法负责开启数据库,如果不存在,这个方法会创建它。

使用下面的代码可以创建并开启一个数据库:

JavaScript Code复制内容到剪贴板

var db = openDatabase(‘mydb’, ‘1.0’, ‘Test DB’, 2 * 1024 * 1024);  

上面的方法接受下列五个参数:

数据库名称
版本号
描述文本
数据库大小
创建回调
最后也是第五个参数,创建回调会在创建数据库后被调用。然而,即使没有这个特性(功能),运行时仍然会创建数据库以及正确的版本。

执行查询
执行查询需要使用 database.transaction() 函数。这个函数需要一个参数,它是一个负责实际执行查询的函数,如下所示:

JavaScript Code复制内容到剪贴板

var db = openDatabase(‘mydb’, ‘1.0’, ‘Test DB’, 2 * 1024 * 1024);   
db.transaction(function (tx) {     
   tx.executeSql(‘CREATE TABLE IF NOT EXISTS LOGS (id unique, log)’);   
});  

上面的查询语句会在 ‘mydb’ 数据库中创建一个叫做的 LOGS 的表。

插入操作
为了在表中创建条目,我们在上面的例子中加入简单的 SQL 查询,如下所示:

JavaScript Code复制内容到剪贴板

var db = openDatabase(‘mydb’, ‘1.0’, ‘Test DB’, 2 * 1024 * 1024);   
db.transaction(function (tx) {   
   tx.executeSql(‘CREATE TABLE IF NOT EXISTS LOGS (id unique, log)’);   
   tx.executeSql(‘INSERT INTO LOGS (id, log) VALUES (1, "foobar")’);   
   tx.executeSql(‘INSERT INTO LOGS (id, log) VALUES (2, "logmsg")’);