HTML5本地数据库基础操作详解


Posted in HTML / CSS onApril 26, 2016

下面分别介绍本地数据库的各个API及其使用方法。

1、利用openDatabase创建数据库

我们可以利用openDatabase方法创建数据库。openDatabase方法传递五个参数,分别是:数据库名、数据库版本号(可省略)、对数据库的描述、设置分配的数据库的大小、回调函数。

如果我们要创建一个本地数据库,可以执行如下代码:

var myWebDatabase = openDatabase(“user”, ”1.0”, “user info”, 1024*1024, function(){}); 

这样就创建了一个用户信息表。之后可以对创建的本地数据库是否成功进行验证:

SQL Code复制内容到剪贴板
  1. if(!dataBase){     
  2. alert(“The database has been created successfully!”);     
  3. }else{     
  4. alert(“The database has not been successfully created.”)     
  5. }if(!dataBase){     
  6. alert(“The database has been created successfully!”);     
  7. }else{     
  8. alert(“The database has not been successfully created.”)     
  9. }     
  10.   

2、利用executeSql方法执行sql语句

使用executeSql方法,我们可以直接执行正常的sql语句,如下:

context.executeSql(‘INSERT INTO testTable(id,name) VALUES (1,”Martin”)’);

当然,这里只体现了executeSql的功能,并没有确切说明executeSql方法怎么用,用在哪里。要想使用该方法就必须介绍transaction。

3、利用transaction处理事务

该方法用来处理事务,可以传递三个参数:包含事务内容的一个方法、执行成功的回调函数、执行失败的回调函数(后两者可以省略)。

结合transaction和executeSql,我们就可在我们之前创建的数据库中添加创建数据表并添加数据了,代码如下:

JavaScript Code复制内容到剪贴板
  1. myWebDatabase.transaction(function (context) {     
  2.            context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)');     
  3.            context.executeSql('INSERT INTO testTable (id, name) VALUES (0, "Byron")');     
  4.            context.executeSql('INSERT INTO testTable (id, name) VALUES (1, "Casper")');     
  5.            context.executeSql('INSERT INTO testTable (id, name) VALUES (2, "Frank")');     
  6.          });     
  7.   

sql语句的含义不多解释,但从这里已经可以很明白的看出如何在本地数据库中,想在一般数据库中一样创建数据库数据表并添加数据了。

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文链接:http://blog.csdn.net/fareise/article/details/50786594

HTML / CSS 相关文章推荐
CSS3线性渐变简单实现以及该属性在浏览器中的不同
Dec 12 HTML / CSS
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
Nov 18 HTML / CSS
详解CSS3中Media Queries的相关使用
Jul 17 HTML / CSS
CSS3实现多重边框的方法总结
May 31 HTML / CSS
详解利用canvas实现环形进度条的方法
Jun 12 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
Mar 12 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
Apr 29 HTML / CSS
canvas拼图功能实现代码示例
Nov 21 HTML / CSS
关于iframe跨域使用postMessage的实现
Oct 29 HTML / CSS
CSS3 天气图标动画效果
Apr 06 HTML / CSS
HTML5移动端手机网站开发流程
Apr 25 #HTML / CSS
基于html5绘制圆形多角图案
Apr 21 #HTML / CSS
浅析border-radius如何兼容IE
Apr 19 #HTML / CSS
如何利用input事件来监听移动端的输入
Apr 15 #HTML / CSS
HTML5移动端开发中的Viewport标签及相关CSS用法解析
Apr 15 #HTML / CSS
整理HTML5移动端开发的常用触摸事件
Apr 15 #HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
Apr 05 #HTML / CSS
You might like
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
CodeIgniter模板引擎使用实例
2014/07/15 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
jQuery图片轮播功能实例代码
2017/01/29 Javascript
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
vue组件父子间通信详解(三)
2017/11/07 Javascript
jQuery插件实现的日历功能示例【附源码下载】
2018/09/07 jQuery
微信小程序实现随机验证码功能
2018/12/20 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
在vue项目中封装echarts的步骤
2020/12/25 Vue.js
Python Mysql自动备份脚本
2008/07/14 Python
python实现Zabbix-API监控
2018/09/17 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
python3.7 sys模块的具体使用
2019/07/22 Python
关于pymysql模块的使用以及代码详解
2019/09/01 Python
python脚本实现mp4中的音频提取并保存在原目录
2020/02/27 Python
python实现IOU计算案例
2020/04/12 Python
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
市场营销专业毕业生求职信
2014/03/26 职场文书
物流专业自荐信
2014/05/23 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
银行贷款委托书范本
2014/10/11 职场文书
暂住证明怎么写
2015/06/19 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书