Database Storage的使用方法介绍

Database Storage的使用方法介绍。

对简单的数据存储，使用sessionStorage和localStorage能够很好地完成，但是在对琐碎的关系数据进行处理之外，它就力所不及了。而这正是 HTML 5 的“Web SQL Database”API 接口的应用所在。

A、打开链接

var db = openDatabase("ToDo", "0.1", "A lalert of to do items.", 200000); // 打开链接
if(!db) { alert("Failed to connect to database."); }  // 检测连接是否创建成功

以上代码创建了一个数据库对象 db，名称是 Todo，版本编号为0.1。db 还带有描述信息和大概的大小值。如果需要，这个大小是可以改变的，所以没有必要预先假设允许用户使用多少空间。

绝不可以假设该连接已经成功建立，即使过去对于某个用户它是成功的。为什么一个连接会失败，存在多个原因。也许用户代理出于安全原因拒绝你的访问，也许设备存储有限。面对活跃而快速进化的潜在用户代理，对用户的机器、软件及其能力作出假设是非常不明智的行为。比如，当用户使用手持设备时，他们可自由处置的数据可能只有几兆字节。

B、执行查询

db.transaction( function(tx) { 
    tx.executeSql(
        "INSERT INTO ToDo (label, timestamp) values(?, ?)", 
        ['lebel', new Date().getTime()], 
        function(tx2, result){ alert('成功'); }, 
        function(tx2, error){ alert('失败:' + error.message); }
    ); 
});

1.执行SQL语句使用database.transaction()函数，该函数只有一个参数，负责执行查询的函数。

2.该函数具有一个类型事务的参数（tx）。

3.该事务参数（tx）具有一个函数：executeSql()。这个函数使用四个参数：

表示查询的SQL字符串；插入到查询中问号所在处的字符串数据；一个成功时执行的函数；一个失败时执行的函数。

4.执行成功的函数有两个参数：tx2，事务性参数；result，执行的返回结果，结构如图：

执行成功的函数也有两个参数：tx2，事务性参数；error，错误对象，结构如图：

C、其它

Chrome支持； firefox（测试时版本4.01）不支持；IE8不支持。

D、示例

//创建数据库
var db = openDatabase("users", "1.0", "用户表", 1024 * 1024); 
if(!db){
    alert("Failed to connect to database."); 
} else {
    alert("connect to database 'K'."); 
}

// 创建表
db.transaction( function(tx) { 
    tx.executeSql(
        "CREATE TABLE IF NOT EXISTS users (id REAL UNIQUE, name TEXT)", 
        [], 
        function(){ alert('创建users表成功'); }, 
        function(tx, error){ alert('创建users表失败:' + error.message); }
    );
}); 

// 插入数据
db.transaction(function(tx) { 
    tx.executeSql(
        "INSERT INTO users (id, name) values(?, ?)", 
        [Math.random(), 'space'], 
        function(){ alert('插入数据成功'); }, 
        function(tx, error){ alert('插入数据失败: ' + error.message);}
    ); 
}); 

// 查询
db.transaction( function(tx) { 
    tx.executeSql(
        "SELECT * FROM users", [],  
         function(tx, result) {
            var rows = result.rows, length = rows.length, i=0;
            for(i; i < length; i++) { 
                alert(
                    'id=' + rows.item(i)['id'] + 
                    'name='+ rows.item(i)['name']
                ); 
            } 
        }, 
        function(tx, error){
            alert('Select Failed: ' + error.message);
        }
    ); 
}); 

// 删除表
db.transaction(function (tx) {  
    tx.executeSql('DROP TABLE users'); 
});