不包含在html5规范中,它是一个独立的规范,它引入了一套使用 SQL 操作客户端数据库的 API。所有现代浏览器都支持此API。它使用的SQL是SQLite 。
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){});
});
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE test1 ( name int,value TEXT)');// 创建表
tx.executeSql('INSERT INTO test1 ( name , value) VALUES ( "jack" , "18" )); //插入数据
});
db.transaction(function(tx) {
tx.executeSql('INSERT INTO test1 ( name , value) VALUES ( ?,? )',[n, v]);//插入数据 n,v
});
再看一个例子
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);
}
);