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打开 执行后结果如下:

  • 相关阅读:
    【回溯】数字排列问题
    Price List
    NanoApe Loves Sequence-待解决
    【回溯】n皇后问题
    安卓 学习之旅 入门
    mysql链接 显示 error: 'Access denied for user 'root'@'localhost' (using password: NO)'
    javaweb 实战_1
    java 插件安装
    leetcode 最长有效括号
    hdu 1074 Doing Homework
  • 原文地址:https://www.cnblogs.com/TankRuning/p/5753297.html
Copyright © 2011-2022 走看看