使用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 translate完美实现表头固定效果
Feb 28 HTML / CSS
css3 background属性调整增强介绍
Dec 18 HTML / CSS
CSS3实现可关闭的下拉手风琴菜单效果
Aug 31 HTML / CSS
实例讲解使用CSS实现多边框和透明边框的方法
Sep 08 HTML / CSS
魔幻般冒泡背景的CSS3按钮动画
Feb 27 HTML / CSS
详解CSS3 Media Queries中媒体属性的使用
Feb 29 HTML / CSS
CSS3制作缩略图的详细过程
Jul 08 HTML / CSS
使用HTML5的File实现base64和图片的互转
Aug 01 HTML / CSS
推荐WEB开发者最佳HTML5和CSS3代码生成器
Nov 24 HTML / CSS
HTML5实现多张图片上传功能
Mar 11 HTML / CSS
Html5实现用户注册自动校验功能实例代码
May 24 HTML / CSS
html5 冒号分隔符对齐的实现
Jul 31 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
获取JavaScript用户自定义类的类名称的代码
2007/03/08 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
2015/08/21 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
2016/10/26 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
jQuery中库的引用方法
2018/01/06 jQuery
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
ant-design-vue 快速避坑指南(推荐)
2020/01/21 Javascript
[48:52]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第一局
2016/02/25 DOTA
python通过opencv实现批量剪切图片
2017/11/13 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
python顺序执行多个py文件的方法
2019/06/29 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
python归并排序算法过程实例讲解
2020/11/04 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
HTML5 canvas基本绘图之绘制阴影效果
2016/06/27 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
初中同学聚会感言
2014/02/11 职场文书
作风年建设汇报材料
2014/08/14 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
初三毕业感言
2015/07/31 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书