使用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对图片照片进行边缘模糊处理的实现
Aug 08 HTML / CSS
HTML5和CSS3让网页设计提升到下一个高度
Aug 14 HTML / CSS
利用CSS3的线性渐变linear-gradient制作边框的示例
Jun 02 HTML / CSS
CSS3模拟IOS滑动开关效果
Sep 28 HTML / CSS
css3 仿写阿里云水纹效果的示例代码
Feb 10 HTML / CSS
css3实现3D文本悬停改变效果的示例代码
Jan 16 HTML / CSS
详解Html5原生拖拽操作
Jan 12 HTML / CSS
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
Oct 20 HTML / CSS
HTML5 Canvas像素处理使用接口介绍
Dec 02 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
HTML5新增加的功能详解
Sep 05 HTML / CSS
AmazeUI 模态窗口的实现代码
Aug 18 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制作静态网站的模板框架(二)
2006/10/09 PHP
一个数据采集类
2007/02/14 PHP
thinkphp 多表 事务详解
2013/06/17 PHP
PHP的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
thinkPHP5使用Rabc实现权限管理
2019/08/28 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
TNC vs RR BO3 第一场 2.14
2021/03/10 DOTA
HTML TO JavaScript 转换
2006/06/26 Javascript
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
有关js的变量作用域和this指针的讨论
2010/12/16 Javascript
使用jquery读取html5 localstorage的值的方法
2013/01/04 Javascript
JavaScript自执行闭包的小例子
2013/06/29 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
浅谈AngularJS中使用$resource(已更新)
2017/09/14 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
2019/11/06 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
Python Trie树实现字典排序
2014/03/28 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
python异常处理try except过程解析
2020/02/03 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
万豪国际住宅与别墅集团:Homes & Villas by Marriott International
2020/10/08 全球购物
送餐员岗位职责范本
2014/02/21 职场文书
色戒观后感
2015/06/12 职场文书
SQL注入的实现以及防范示例详解
2021/06/02 MySQL