HTML5 进阶系列：webSQL数据库

HTML5 Web SQL 数据库

Web SQL 数据库 API 并不是 HTML5 规范的一部分。但是它是一个独立的规范，因为安全性能等问题，官方现在也已经放弃了维护。但是，这并不影响你对他的使用，只要你的数据不涉及到安全性能问题，你大可去使用它。当然，它是基于MYSQL的，你要在学习他之前，你先的有一点mysql的知识。

核心方法

以下是规范中定义的三个核心方法：

• openDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
• transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。
• executeSql：这个方法用于执行实际的 SQL 查询。

打开数据库

我们可以使用 openDatabase() 方法来打开已存在的数据库，如果数据库不存在，则会创建一个新的数据库，使用代码如下：

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024,callback); 

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

• 数据库名称
• 版本号
• 描述文本
• 数据库大小(单位是 b)
• 创建回调（非必须)
  第五个参数，创建回调会在创建数据库后被调用。

transaction

transaction方法用以处理事务，当一条语句执行失败的时候，整个事务回滚。方法有三个参数

• 包含事务内容的一个方法
• 执行成功回调函数（可选）
• 执行失败回调函数（可选）

executeSql

executeSql方法用以执行SQL语句，返回结果，方法有四个参数

• SQL语句
• 用以替换查询字符串中问号的参数
• 执行成功回调函数（可选）
• 执行失败回调函数（可选）

db.transaction(function(tx) {
    tx.executeSql("SELECT * FROM User WHERE id = ?", [id],
    (tx, res) => {
          console.log("sql成功")
    }, (tx, res) => {
          console.log("sql失败")
        });
    }, (tx, res) => {
            console.log("事务成功")
        },(tx, res) => {
            console.log("事务成功")
        }
)

完整实例

这个例子有完整的，增、删、查操作

20180423_114749 (1).gif

20180423_123205.gif

20180423_123343.gif

    
        
        
        
    

    
        

            

                用户名
                
            
            

                密码
                
            
            
提交

            
删除数据库