现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

Database Storage的使用方法介绍

发表于2017/3/15 网站制作教程 0条评论 ⁄ 热度 833℃

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,执行的返回结果,结构如图:

Database Storage结构图1

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

Database Storage结构图2

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'); 
});
  • 暂无评论