使用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 11 HTML / CSS
CSS3 transform的skew属性值图文详解
Jul 21 HTML / CSS
详解css position 5种不同的值的用法
Jul 30 HTML / CSS
HTML5 File API改善网页上传功能
Aug 19 HTML / CSS
HTML5上传文件显示进度的实现代码
Aug 30 HTML / CSS
HTML5本地存储之Web Storage应用介绍
Jan 06 HTML / CSS
HTML5在IE10、火狐下中文乱码问题的解决方法
Nov 18 HTML / CSS
详解HTML5中的manifest缓存使用
Sep 09 HTML / CSS
基于html5 DeviceOrientation 实现微信摇一摇功能
Sep 25 HTML / CSS
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
Aug 28 HTML / CSS
html5写一个BUI折叠菜单插件的实现方法
Sep 11 HTML / CSS
HTML5 video进入全屏和退出全屏的实现方法
Jul 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
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
JS实现HTML标签转义及反转义
2020/04/14 Javascript
Express框架之connect-flash详解
2017/05/31 Javascript
JavaScript设计模式之代理模式简单实例教程
2018/07/03 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
js实现动态时钟
2020/03/12 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
python list格式数据excel导出方法
2018/10/31 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
python numpy 反转 reverse示例
2019/12/04 Python
python3.8.1+selenium实现登录滑块验证功能
2020/05/22 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
详解如何修改python中字典的键和值
2020/09/29 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
J2EE相关知识面试题
2013/08/26 面试题
发展部经理职责规定
2014/02/22 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
2015新学期校长寄语(3篇)
2015/03/25 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
作文之亲情600字
2019/09/23 职场文书
八年级作文之友谊
2019/12/02 职场文书
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸