使用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 相关文章推荐
Web前端绘制0.5像素的几种方法
Aug 11 HTML / CSS
css3动画事件—webkitAnimationEnd与计时器time事件
Jan 31 HTML / CSS
详解CSS3中使用gradient实现渐变效果的方法
Aug 18 HTML / CSS
CSS3之transition实现下划线的示例代码
May 30 HTML / CSS
CSS3 实现雷达扫描图的示例代码
Sep 21 HTML / CSS
Html5实现单张、多张图片上传功能
Apr 28 HTML / CSS
浅谈pc和移动端的响应式的使用
Jan 03 HTML / CSS
基于Modernizr 让网站进行优雅降级的分析
Apr 21 HTML / CSS
HTML5 canvas基本绘图之绘制线条
Jun 27 HTML / CSS
AmazeUI 网格的实现示例
Aug 13 HTML / CSS
使用canvas实现雪花飘动效果的示例代码
Mar 30 HTML / CSS
什么是css原子化,有什么用?
Apr 24 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
中国收音机工业发展史
2021/03/02 无线电
php 魔术方法使用说明
2009/10/20 PHP
浅谈php和.net的区别
2014/09/28 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
angular2+nodejs实现图片上传功能
2017/03/27 NodeJs
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
微信小程序自定义轮播图
2018/11/04 Javascript
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
python dict remove数组删除(del,pop)
2013/03/24 Python
浅析python 中__name__ = '__main__' 的作用
2014/07/05 Python
python中如何使用朴素贝叶斯算法
2017/04/06 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
Pytorch 实现sobel算子的卷积操作详解
2020/01/10 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
Haggar官网:美国男装品牌
2020/02/16 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
华为的Java面试题
2014/03/07 面试题
SOA的常见陷阱或者误解是什么
2014/10/05 面试题
司机的工作范围及职责
2013/11/13 职场文书
不拖欠农民工工资承诺书
2014/03/31 职场文书
团支部推优材料
2014/05/21 职场文书
个人自荐材料
2014/05/23 职场文书
英语系本科生求职信
2014/07/15 职场文书
校本课程教学计划
2015/01/19 职场文书
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python