使用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制作方法案例
Aug 14 HTML / CSS
CSS3 制作旋转的大风车(充满童年回忆)
Jan 30 HTML / CSS
纯CSS3实现自定义Tooltip边框涂鸦风格的教程
Nov 05 HTML / CSS
CSS3实现文字波浪线效果示例代码
Nov 20 HTML / CSS
HTML5+CSS3实例 :canvas 模拟实现电子彩票刮刮乐代码
Dec 30 HTML / CSS
详解使用HTML5的classList属性操作CSS类
Oct 13 HTML / CSS
HTML5 canvas 基本语法
Aug 26 HTML / CSS
带你认识HTML5中的WebSocket
May 22 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 HTML / CSS
浅谈html5 video 移动端填坑记
Jan 15 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
Apr 23 HTML / CSS
解决flex布局中子项目尺寸不受flex-shrink限制
May 11 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扩展CURL的用法详解
2014/06/20 PHP
php身份证号码检查类实例
2015/06/18 PHP
JS操作XML中DTD介绍及使用方法分析
2019/07/04 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
JavaScript实际应用:innerHTMl和确认提示的使用
2006/06/22 Javascript
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
Js-$.extend扩展方法使方法参数更灵活
2013/01/15 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
js模糊查询实例分享
2016/12/26 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
2017/07/10 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
vue弹窗消息组件的使用方法
2020/09/24 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
解决layer.confirm选择完之后消息框不消失的问题
2019/09/16 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
2019/09/17 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
npm全局环境变量配置详解
2020/12/15 Javascript
[35:39]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第二场 11.22
2020/11/24 DOTA
python在windows下实现ping操作并接收返回信息的方法
2015/03/20 Python
利用python代码写的12306订票代码
2015/12/20 Python
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
Python脚本实现12306火车票查询系统
2016/09/30 Python
Python中将dataframe转换为字典的实例
2018/04/13 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
资产经营总监岗位职责
2013/12/04 职场文书
人力资源作业细则
2014/03/03 职场文书
社会学专业求职信
2014/07/17 职场文书
离婚协议书范文2015
2015/01/26 职场文书
学校教代会开幕词
2016/03/04 职场文书
教你部署vue项目到docker
2022/04/05 Vue.js
Beekeeper Studio开源数据库管理工具比Navicat更炫酷
2022/06/21 数据库