zoukankan      html  css  js  c++  java
  • 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打开 执行后结果如下:

  • 相关阅读:
    2.操作系统基础
    6.Linux基础3
    DRAM 内存介绍(一)
    131127新的一天
    Java中的super关键字何时使用
    JAVA的引用类型变量(C/C++中叫指针)
    System.out.println()的含义
    Java面试题
    HTML基础知识
    子域名查找
  • 原文地址:https://www.cnblogs.com/TankRuning/p/5753297.html
Copyright © 2011-2022 走看看