使用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盒子模型详解
Apr 24 HTML / CSS
CSS Grid布局教程之网格单元格布局
Dec 30 HTML / CSS
利用CSS3实现文本框的清除按钮相关的一些效果
Jun 23 HTML / CSS
纯CSS3单页切换导航菜单界面设计的简单实现
Aug 16 HTML / CSS
HTML5 Web 存储详解
Sep 16 HTML / CSS
HTML5 Canvas图像模糊完美解决办法
Feb 06 HTML / CSS
HTML5 video标签(播放器)学习笔记(一):使用入门
Apr 24 HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 HTML / CSS
HTML5中使用json对象的实例代码
Sep 10 HTML / CSS
怎样实现H5+CSS3手指滑动切换图片的示例代码
May 05 HTML / CSS
HTML5播放实现rtmp流直播
Jun 16 HTML / CSS
CSS 实现角标效果的完整代码
Jun 28 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
Discuz! 5.0.0论坛程序中加入一段js代码,让会员点击下载附件前自动弹出提示窗口
2007/04/18 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
在win系统安装配置 Memcached for PHP 5.3 图文教程
2015/03/03 PHP
WordPress中对访客评论功能的一些优化方法
2015/11/24 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
node.js中的fs.unlink方法使用说明
2014/12/15 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
详解vue中localStorage的使用方法
2018/11/22 Javascript
js实现随机数小游戏
2019/06/28 Javascript
小程序如何获取多个formId实现详解
2019/09/20 Javascript
[02:27]2014DOTA2国际邀请赛 VG赛后采访:更大的挑战在等着我们
2014/07/13 DOTA
Python单元测试框架unittest简明使用实例
2015/04/13 Python
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
mac使用python识别图形验证码功能
2020/01/10 Python
Python日志处理模块logging用法解析
2020/05/19 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
运行Python编写的程序方法实例
2020/10/21 Python
最新远光软件笔试题面试题内容
2013/11/08 面试题
大学校庆策划书
2014/01/31 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
英文慰问信范文
2015/03/24 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
加薪申请报告范本
2015/05/15 职场文书
荒岛余生观后感
2015/06/09 职场文书
导游词之上海豫园
2019/10/24 职场文书
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android