HTML5 本地数据库

Web前端

1、本地数据库的定义

在HTML5中，大大丰富了客户端本地可以存储的内容，添加了很多功能将原本必须要保存在服务器上的数据转为保存在客户端本地，从而大大提高了Web应用程序性能，减轻了服务器的负担，使用Web时代重新回到了“客户端为重、服务器端为轻”的时代。在HTML5中，可以像访问本地文件那样轻松地对内置数据库进行直接访问。
HTML5中内置了两种本地数据库，一种为SQLite，一种为indexedDB。

2、executesql来执行查询

1、创建数据库对象

var db=openDatabase("mydb","1.0","my test db",1024*100);
//参数含义分别为：数据库名，数据库版本，描述，数据库大小

2、使用事物处理

db.transation(function(tx){
    tx.executeSql("sql",[],function(){},function(){});
    //四个参数含义分别为：SQL，参数，成功回调函数，错误回调函数。
});

示例如下：

db.transation(function(tx){
    tx.executeSql("CREATE TABLE IF NOT EXISTS MSG (name TEXT,massage TEXT,time INTEGER) ",[],function(){},function(){});
    tx.executeSql("SELECT * FROM MSG ",[],function(tx,rs){
        for(var i=0;i<rs.length;i++){
            var obj=rs.rows.item(i);
            //obj.name
            //obj.message
            //obj.time
        }
    },function(){});
});

db.transation(function(tx){
    tx.executeSql("INSERT INTO MSG VALUES(?,?,?)",['zhangsan','123',456],function(tx,rs){
        alert("保存成功");
    },function(tx,error){
        alert("失败："+error.source+" "+error.message);
    });
});