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 相关文章推荐
今天学到的CSS最新技术(与图片背景相关)
Dec 24 HTML / CSS
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
Sep 02 HTML / CSS
HTML5的video标签的浏览器兼容性增强方案分享
May 19 HTML / CSS
html5 canvas实现跟随鼠标旋转的箭头
Mar 11 HTML / CSS
详解使用HTML5的classList属性操作CSS类
Oct 13 HTML / CSS
html5之Canvas路径绘图、坐标变换应用实例
Dec 26 HTML / CSS
使用HTML5技术开发一个属于自己的超酷颜色选择器
Sep 22 HTML / CSS
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
Nov 05 HTML / CSS
HTML5 Canvas的事件处理介绍
Apr 24 HTML / CSS
关于HTML5语义标签的实践(blog页面)
Jul 12 HTML / CSS
详解前端HTML5几种存储方式的总结
Dec 27 HTML / CSS
CSS实现渐变色边框(Gradient borders)的5种方法
Mar 25 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
两种php调用Java对象的方法
2006/10/09 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
PHP中余数、取余的妙用
2015/06/29 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
Javascript 判断Flash是否加载完成的代码
2010/04/12 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
JavaScript操作cookie类实例
2015/03/31 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
原生JS实现日历组件的示例代码
2017/09/22 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
jquery实现吸顶导航效果
2020/01/08 jQuery
在Python的Django框架中包装视图函数
2015/07/20 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
python列表生成式与列表生成器的使用
2018/02/23 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
python实现控制台打印的方法
2019/01/12 Python
Django 开发环境配置过程详解
2019/07/18 Python
解析python的局部变量和全局变量
2019/08/15 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
出纳岗位职责范本
2013/12/01 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
党员考试作弊检讨书1000字
2015/02/16 职场文书
2015年幼儿园班务工作总结
2015/05/12 职场文书
校园安全主题班会
2015/08/12 职场文书
员工升职自我评价
2019/03/26 职场文书
python获取带有返回值的多线程
2022/05/02 Python