html5 初试 Web SQL Database
2011-12-26 14:49
435 查看
Web SQL Database API不包含在html5规范中,它是一个独立的规范,它引入了一套使用 SQL 操作客户端数据库的 API。所有现代浏览器都支持此API。它使用的SQL是SQLite 。
html5 中使用 Local and session storage 本地存储非常的方便,键值对方式虽说是使用方便,但对一些大量的数据结构处理就力有不及了,而Web SQL Database正适合这种类型的数据存储。
Web SQL Database 是异步的。
openDatabase有5个参数,分别是 数据库名称、版本号、描述、大小、回调函数(可省略);初次调用时创建数据库,以后就是建立连接了。字节大小可以灵活设置,最好设置为足够大。可以用(!db)测试连接,不推荐用if (db),因为连接失败的原因太多了。
html5 中使用 Local and session storage 本地存储非常的方便,键值对方式虽说是使用方便,但对一些大量的数据结构处理就力有不及了,而Web SQL Database正适合这种类型的数据存储。
Web SQL Database 是异步的。
连接/创建Database:
db = window.openDatabase("db", "1.0","aid database ",1024); //建立一个名为db的数据库连接
openDatabase有5个参数,分别是 数据库名称、版本号、描述、大小、回调函数(可省略);初次调用时创建数据库,以后就是建立连接了。字节大小可以灵活设置,最好设置为足够大。可以用(!db)测试连接,不推荐用if (db),因为连接失败的原因太多了。
查询数据:
db.transaction(function(tx) { tx.executeSql("SELECT COUNT(*) FROM ToDo", [], function(result){}, function(tx, error){}); });
transaction.executeSql方法是操作数据库的方法,第一个参数是SQL语句,读取数据和写入数据都是在这里进行,例如:
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE test1 ( name int,value TEXT)');// 创建表 tx.executeSql('INSERT INTO test1 ( name , value) VALUES ( "jack" , "18" )); //插入数据
});
第二个参数是替换数组,即表示SQL可以插入动态的值,例如上面一行可以写成这样
db.transaction(function(tx) { tx.executeSql('INSERT INTO test1 ( name , value) VALUES ( ?,? )',[n, v]);//插入数据 n,v });
n和v都是javascript变量,插入时替换SQL语句中得?
后面的函数为,执行成功或失败的回调函数。 再看一个例子
db.transaction( function(tx) { tx.executeSql("SELECT * FROM ToDo", [], function(tx, result) { for(var i = 0; i < result.rows.length; i++) { document.write('<b>' + result.rows.item(i)['label'] + '</b><br />'); } }, null); } );
rows 为一个 SQLResultSetRowList 对象,代表数据库按顺序返回的行。如果没有返回任何行,则这个对象为空。
相关文章推荐
- HTML5大数据处理:初试Web SQL Database
- 基于 HTML5 中的 Web SQL Database 来构建应用程序
- 小强的HTML5移动开发之路(20)——HTML5 Web SQL Database
- HTML5本地存储——Web SQL Database
- HTML5本地存储——Web SQL Database
- HTML5 Web SQL Database 与 Indexed Database 的 CRUD 操作
- 小强的HTML5移动开发之路(20)——HTML5 Web SQL Database
- HTML5 Web SQL Database 数据库
- HTML5 Web SQL Database 数据库的使用方法
- HTML5 Web SQL Database 与 Indexed Database 的 CRUD 操作
- HTML5本地存储之Web SQL Database
- 【HTML5】HTML5本地数据库(Web Sql Database)
- html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
- HTML5移动开发之路(17)——HTML5 Web SQL Database
- html5 本地数据库-Web SQL Database
- HTML5教程之html 5 本地数据库(Web Sql Database)
- html5 本地数据库-Web SQL Database操作类
- html5 本地数据库-Web SQL Database
- 【HTML5】HTML5本地数据库(Web Sql Database)
- HTML5 Web SQL Database 数据库的使用方法【图文说明】