HTML5 本地数据库技术文档

WEB SQL Database即：本地的SQLite数据库，Html5将它本地话，使用的方式和方法和SQLite基本相同

一．WEBSQL Database用途

1.对于需要经常使用检的数据，将其从后台获取后，保存到web sql 数据库中，这样在下次使用的时候，就不需要到后台去检索，直接从web sql 数据库中去获取，从而减少对服务器的请求次数，优化前端的操作效率。

2.可以通过web sql 数据库来实现离线操作，在离线的状态下，我们依然能够查看先前查看过的数据，因为它们已经保存在websql数据库中，同事我们还能进行一些简单的其他操作，比如：写一封邮件，保存起来，等下次在线时接着编辑，或者写一篇日志，等到下次在线时接着编辑，从而使我们实现一些简单的离线办公。



二．WEBSQL Database的支持情况



Chrome 3.0及以上版本 支持

FireFox 暂不支持

IE 暂不支持

Opera 10.5及以上版本 支持

Safari 3.2及以上版本支持 支持



通过下面方法可以来判断浏览器是否支持

if (!window.openDatabase) {
alert('Databases are not supported in this browser.');
}




三．三大核心方法

1. openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象

2. transaction：这个方法允许我们根据情况控制事务提交或回滚。

3. executeSql：这个方法用于执行真实的SQL查询。



四．三大核心方法的使用



1. openDatabase()：创建数据库

var db= openDatabase(数据库名,版本,数据库描述,数据库大小);

eg: var db= openDatabase(“myTestDB”,”1.0”,”我的测试数据库”,10*1024,[回调函数（可以没有）]);



注：该方法返回创建后的数据库的访问对象，如果该数据库不存在，则创建该数据库。



2. transaction()：访问数据库，要借用transaction()方法，执行事务处理，防止在对数据库进行访问及执行有关操作的时候受到外界打扰。

（1）创建一个数据表test



db.transaction(function(tx) {

tx.executeSql("CREATE TABLE IF NOT EXISTStest (id int UNIQUE, title TEXT, content TEXT)");

});



（2）执行新增

db.transaction(function(tx){
tx.executeSql("create table test (id , title)");
tx.executeSql("insert into test values(1,'ali1')");
tx.executeSql("insert into test values(2,'ali2',’哈哈哈哈’)");
alert(“成功插入两条数据”);
});


（3）执行查询



db.transaction(function(tx){
tx.executeSql("select * from test",[],function(tx,result){
for(var i=0;i<result.rows.length;i++){
var testObj=result.rows.item(i);
alert(testObj.id+”------”+testObj.title);
}
});
});