HTML5本地存储——Web SQL Database

Html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。

具体参考：http://www.cnblogs.com/dolphinX/p/3405335.html

//step01:创建一个数据库
var db = openDatabase('testDB', '1.0', 'Test DB', 2*1024*1024);

//step02:使用事务创建表，并插入数据，如果出错，则整个事务都回滚
db.transaction(function(context){
    context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)');
    context.executeSql('INSERT INTO testTable(id, name) VALUES(0, "Byron")');
    context.executeSql('INSERT INTO testTable(id, name) VALUES(1, "Casper")');
    context.executeSql('INSERT INTO testTable(id, name) VALUES(2, "Frank")');
});

//step03: 执行查询
db.transaction(function(context){
   context.executeSql('SELECT * FROM testTable',[], function(context, results){
       var len = results.rows.length, i;
       console.log('Got ' + len + ' rows.');
       for(var i = 0; i < len; i++ ){
           console.log('id:' + results.rows.item(i).id);
           console.log('name:' + results.rows.item(i).name);
       };
   });
});

使用Chrome打开 执行后结果如下：