HTML5本地存储之Database Storage篇


在上一篇《HTML5本地存储之Web Storage篇》中,简单介绍了如何利用localStorage实现本地存储;实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLLite"这种文件型数据库,该数据库多集中在嵌入式设备上,熟悉IOS/Android开发的同学,应该对SQLLite数据库比较熟悉。

HTML5中的数据库操作比较简单,主要有如下两个函数:

1、通过openDatabase方法创建一个访问数据库的对象

var db = openDatabase(databasename,version,description,size)

该方法有四个参数,作用分别为: 

  • databasename:数据库名;
  • version:数据库版本号,可不填;
  • description:数据库描述;
  • size:给数据库分配的空间大小; 

2、使用第一步创建的数据库访问对象(如db)执行transaction方法,用来执行事务处理;

db.transaction(function(tx)){
    //执行访问数据库的语句
});

transaction方法使用一个回调函数作为参数,在这个函数中,执行访问数据库的具体操作;

3、通过executeSql方法执行查询

tx.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)

executeSql方法有四个参数,作用分别如下: 

  • sqlQuery:需要具体执行的sql语句,可以是create、select、update、delete;
  • [value1,value2..]:sql语句中所有使用到的参数的数组,在executeSql方法中,将sql语句中所要使用的参数先用“?”代替,然后依次将这些参数组成数组放在第二个参数中;
  • dataHandler:执行成功是调用的回调函数,通过该函数可以获得查询结果集;
  • errorHandler:执行失败时调用的回调函数;
  • 1
  • 2
  • 3
  • 4
  • 下一页

相关内容