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 30 HTML / CSS
详解CSS3中字体平滑处理和抗锯齿渲染
Mar 29 HTML / CSS
CSS3 毛玻璃效果
Aug 14 HTML / CSS
CSS3 中filter(滤镜)属性使用详解
Apr 07 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
Jul 02 HTML / CSS
使用canvas绘制超炫时钟
Dec 17 HTML / CSS
Adobe Html5 Extension开发初体验图文教程
Nov 14 HTML / CSS
配置H5的滚动条样式的示例代码
Mar 09 HTML / CSS
css3中transform属性实现的4种功能
Aug 07 HTML / CSS
CSS+HTML 实现顶部导航栏功能
Aug 30 HTML / CSS
在HTML中引入CSS的几种方式介绍
Dec 06 HTML / CSS
css样式important规则的正确使用方式
Jun 10 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
VOLVO车载收音机
2021/03/02 无线电
linux iconv方法的使用
2011/10/01 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
Jquery判断IE6等浏览器的代码
2011/04/05 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
浅析js封装和作用域
2013/07/09 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
layui实现三级联动效果
2019/07/26 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
python机器学习库常用汇总
2017/11/15 Python
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
如何完美的建立一个python项目
2020/10/09 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
大三在校生电子商务求职信
2013/10/29 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
SQL Server中的游标介绍
2022/05/20 SQL Server