码迷,mamicode.com
首页 > 数据库 > 详细

阿伦学习html5 之Web SQL Database

时间:2014-09-19 01:09:54      阅读:264      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   使用   java   ar   for   

不知道什么情况, W3C不再维护web SQL Database规范,但是大多浏览器都支持了!

Web SQL Database规范页面有着这样的声明

bubuko.com,布布扣

Web SQL Database 规范中定义的三个核心方法:

  1. openDatabase:这个方法使用现有数据库或新建数据库来创建数据库对象
  2. transaction:这个方法允许我们根据情况控制事务提交或回滚
  3. executeSql:这个方法用于执行SQL 查询

openDatabase:

我们可以使用这样简单的一条语句,创建或打开一个本地的数据库对象

var db = openDatabase(‘testDB‘, ‘1.0‘, ‘Test DB‘, 2 * 1024 * 1024);

openDatabase接收五个参数:

  1. 数据库名字
  2. 数据库版本号
  3. 显示名字
  4. 数据库保存数据的大小(以字节为单位 )
  5. 回调函数(非必须)

如果提供了回调函数,回调函数用以调用 changeVersion() 函数,不管给定什么样的版本号,回调函数将把数据库的版本号设置为空。如果没有提供回调函数,则以给定的版本号创建数据库。

transaction

transaction方法用以处理事务,当一条语句执行失败的时候,整个事务回滚。方法有三个参数

  1. 包含事务内容的一个方法
  2. 执行成功回调函数(可选)
  3. 执行失败回调函数(可选)

executeSql

executeSql方法用以执行SQL语句,返回结果,方法有四个参数

  1. 查询字符串
  2. 用以替换查询字符串中问号的参数
  3. 执行成功回调函数(可选)
  4. 执行失败回调函数(可选)

 

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <title>Web SQL Database</title>
 5 </head>
 6 <body>
 7     <script type="text/javascript">
 8         var db = openDatabase(testDB, 1.0, Test DB, 2 * 1024 * 1024);
 9         var msg;
10         db.transaction(function (context) {
11            context.executeSql(CREATE TABLE IF NOT EXISTS testTable (id unique, name));
12            context.executeSql(INSERT INTO testTable (id, name) VALUES (0, "Byron"));
13            context.executeSql(INSERT INTO testTable (id, name) VALUES (1, "Casper"));
14            context.executeSql(INSERT INTO testTable (id, name) VALUES (2, "Frank"));
15          });
16 
17         db.transaction(function (context) {
18            context.executeSql(SELECT * FROM testTable, [], function (context, results) {
19             var len = results.rows.length, i;
20             console.log(Got +len+ rows.);
21                for (i = 0; i < len; i++){
22               console.log(id: +results.rows.item(i).id);
23               console.log(name: +results.rows.item(i).name);
24             }
25          });
26         });
27     </script>
28 </body>
29 </html>

 

阿伦学习html5 之Web SQL Database

标签:style   blog   http   color   io   使用   java   ar   for   

原文地址:http://www.cnblogs.com/dalun/p/3980478.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!