在上一篇《HTML5本地存储之Web Storage篇》中,简单介绍了如何利用localStorage实现本地存储;实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLLite"这种文件型数据库,该数据库多集中在嵌入式设备上,熟悉IOS/Android开发的同学,应该对SQLLite数据库比较熟悉。
HTML5中的数据库操作比较简单,主要有如下两个函数:
1、通过openDatabase方法创建一个访问数据库的对象
复制代码
该方法有四个参数,作用分别为:
databasename:数据库名;
version:数据库版本号,可不填;
description:数据库描述;
size:给数据库分配的空间大小;
2、使用第一步创建的数据库访问对象(如db)执行transaction方法,用来执行事务处理
复制代码
transaction方法使用一个回调函数作为参数,在这个函数中,执行访问数据库的具体操作;
3、通过executeSql方法执行查询
复制代码
executeSql方法有四个参数,作用分别如下:
sqlQuery:需要具体执行的sql语句,可以是create、select、update、delete;
[value1,value2..]:sql语句中所有使用到的参数的数组,在executeSql方法中,将sql语句中所要使用的参数先用“?”代替,然后依次将这些参数组成数组放在第二个参数中;
dataHandler:执行成功是调用的回调函数,通过该函数可以获得查询结果集;
errorHandler:执行失败时调用的回调函数;
本文通过HTML5的数据库支持,重新实现一遍上篇文章中的通讯录管理,待实现功能如下:
可创建联系人并保存到数据库中,联系人字段包括:姓名、手机号码、公司、创建时间;
列出当前已保存的所有联系人信息;
可删除特定联系人信息;
同样,先准备一个HTML页面,如下:
复制代码
HTML5中的数据库操作比较简单,主要有如下两个函数:
1、通过openDatabase方法创建一个访问数据库的对象
该方法有四个参数,作用分别为:
databasename:数据库名;
version:数据库版本号,可不填;
description:数据库描述;
size:给数据库分配的空间大小;
2、使用第一步创建的数据库访问对象(如db)执行transaction方法,用来执行事务处理
transaction方法使用一个回调函数作为参数,在这个函数中,执行访问数据库的具体操作;
3、通过executeSql方法执行查询
executeSql方法有四个参数,作用分别如下:
sqlQuery:需要具体执行的sql语句,可以是create、select、update、delete;
[value1,value2..]:sql语句中所有使用到的参数的数组,在executeSql方法中,将sql语句中所要使用的参数先用“?”代替,然后依次将这些参数组成数组放在第二个参数中;
dataHandler:执行成功是调用的回调函数,通过该函数可以获得查询结果集;
errorHandler:执行失败时调用的回调函数;
本文通过HTML5的数据库支持,重新实现一遍上篇文章中的通讯录管理,待实现功能如下:
可创建联系人并保存到数据库中,联系人字段包括:姓名、手机号码、公司、创建时间;
列出当前已保存的所有联系人信息;
可删除特定联系人信息;
同样,先准备一个HTML页面,如下:









