HTML5技术

HTML5学习笔记 - 本地数据库 - jerrylsxu

字号+ 作者:H5之家 来源:博客园 2016-03-29 12:00 我要评论( )

Google已经在Chrome 中通过SQLite提供对Web SQL Database的支持 接口说明: 1.打开一个数据库: vardb = openDatabase('mydb', '1.0', 'test', 2 * 1024 * 1024, function(db){ }); 参数说明:数据库名(mydb) | 版本号(1.0) | 数据库描述(test) | 数据库大小

 Google已经在Chrome 中通过SQLite提供对Web SQL Database的支持

接口说明:

1.打开一个数据库:

  var db = openDatabase('mydb', '1.0', 'test', 2 * 1024 * 1024, function(db){ });

      参数说明:数据库名(mydb) | 版本号(1.0) | 数据库描述( test ) | 数据库大小(2*1024*1024) | 创建回调

2.数据库创建好后可以执行SQL的查询和更新操作了

  执行SQL前要先拿到一个事务连接

  db.transaction(function (tx) {

    //在连接的回调函数中执行SQL语句  

     tx.executeSql('CREATE TABLE IF NOT EXISTS SETS (key unique, value)');    

  });

  tx.executeSql函数说明:

 参素列表:SQL语句 | 值([]) | 成功回调函数 | 失败回调函数

例子:

db.transaction(function (tx) {

  //创建

    tx.executeSql('CREATE TABLE IF NOT EXISTS SETS (key unique, value)');  

  //插入

   tx.executeSql('INSERT INTO SETS ( key, value) VALUES (?, ?)' , [1,'asdf'],function(tx,result){},function(tx,error){}); 

  //查询

   tx.executeSql('SELECT * from  SETS ' , [],function(tx,result){

  var len = result.rows.length;

  var item = result.rows.item(len - 1);

  var key = item['key'];

  },function(tx,error){}); 

  //修改

    tx.executeSql(' UPDATE SETS SET value = ? WHERE key = ? ',['hahaha',1],function(tx,result){},function(tx,error){ });

  //删除

   tx.executeSql('DELETE from SETS',[],function(tx,result){},function(tx,error){ });

  });

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5秘籍读书笔记 - 戎码一生

    HTML5秘籍读书笔记 - 戎码一生

    2016-03-29 13:00

  • HTML5 离线存储之Web SQL - jerrylsxu

    HTML5 离线存储之Web SQL - jerrylsxu

    2016-03-28 18:00

  • HTML5中的History和Location对象 - jerrylsxu

    HTML5中的History和Location对象 - jerrylsxu

    2016-03-28 16:00

  • HTML5怎么就成了RIA“杀手”? - jerrylsxu

    HTML5怎么就成了RIA“杀手”? - jerrylsxu

    2016-03-28 15:00

网友点评