使用phonegap操作数据库的实现方法


Posted in HTML / CSS onMarch 31, 2017

实例如下:

<!DOCTYPE html> 
<html> 
  
    <head> 
        <meta charset="UTF-8"> 
        <title>Database Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(populateDB,errorDB,successDB); 
            } 
              
            //初始化数据库数据 
            function populateDB(tx){ 
                tx.executeSql('DROP TABLE IF EXISTS test1'); 
                tx.executeSql('CREATE TABLE IF NOT EXISTS test1 (id unique,name)'); 
                tx.executeSql('INSERT INTO test1(id,name) VALUES(1,"Tony")'); 
                tx.executeSql('INSERT INTO test1(id,name) VALUES(2,"Bill")'); 
                tx.executeSql('INSERT INTO test1(id,name) VALUES(3,"Tony")'); 
            } 
              
            //查询方法 
            function queryDB(tx){ 
                tx.executeSql('SELECT * FROM test1',[],querySuccess,errorDB); 
            } 
              
            //查询成功回调 
            function querySuccess(tx,results){ 
                var len=results.rows.length; 
                var status=document.getElementById("status"); 
                var string ="Rows:"+len+"<br />"; 
                for(var i=0;i<len;i++){ 
                    string+=results.rows.item(i).name+"<br />"; 
                } 
                status.innerHTML=string; 
            } 
              
            //执行初始化数据成功后的回调 
            function successDB(){ 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(queryDB,errorDB); 
            } 
              
            //失败回调 
            function errorDB(err){ 
                alert('Error processing SQL:'+err.code); 
            } 
              
        </script> 
    </head> 
  
    <body> 
        <h1>Names</h1> 
        <div id='status'></div> 
    </body> 
  
</html>

以上这篇使用phonegap操作数据库的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
纯CSS3实现3D旋转书本效果
Mar 21 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
Jan 05 HTML / CSS
CSS3 创建网页动画实现弹跳球动效果
Oct 30 HTML / CSS
移动web模拟客户端实现多方框输入密码效果【附代码】
Mar 25 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
Sep 12 HTML / CSS
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
Mar 25 HTML / CSS
很酷的HTML5电子书翻页动画特效
Feb 25 HTML / CSS
详解html5 shiv.js和respond.min.js
Jan 24 HTML / CSS
使用Html5 Stream开发实时监控系统
Jun 02 HTML / CSS
Canvas 文本填充线性渐变的使用详解
Jun 22 HTML / CSS
关于HTML5+ API plusready的兼容问题
Nov 20 HTML / CSS
使用phonegap进行本地存储的实现方法
Mar 31 #HTML / CSS
使用phonegap创建联系人的实现方法
Mar 30 #HTML / CSS
使用phonegap进行提示操作的具体方法
Mar 30 #HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 #HTML / CSS
HTML5无刷新改变当前url的代码
Mar 15 #HTML / CSS
HTML5各种头部meta标签的功能(推荐)
Mar 13 #HTML / CSS
处理HTML5新标签的浏览器兼容版问题
Mar 13 #HTML / CSS
You might like
php数据类型判断函数有哪些
2013/09/23 PHP
PHP获取星期几的常用方法小结
2018/12/18 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
IE中的File域无法清空使用jQuery重设File域
2014/04/24 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
2019/04/03 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
[00:35]DOTA2上海特级锦标赛 EG战队宣传片
2016/03/04 DOTA
Python内置函数之filter map reduce介绍
2014/11/30 Python
Python命令启动Web服务器实例详解
2017/02/23 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
判断python对象是否可调用的三种方式及其区别详解
2019/01/31 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
Django框架视图介绍与使用详解
2019/07/18 Python
python可视化实现KNN算法
2019/10/16 Python
解决TensorFlow模型恢复报错的问题
2020/02/06 Python
OpenCV中VideoCapture类的使用详解
2020/02/14 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
区域总监的岗位职责
2013/11/21 职场文书
申报职称专业技术个人的自我评价
2013/12/12 职场文书
生物技术专业求职信
2014/06/10 职场文书
销售人才自我评价范文
2014/09/27 职场文书
西湖英语导游词
2015/02/06 职场文书
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL