使用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 please 跨浏览器的CSS3产生器
Mar 14 HTML / CSS
css3媒体查询中device-width和width的区别详解
Mar 27 HTML / CSS
HTML5中的postMessage API基本使用教程
May 20 HTML / CSS
利用html5 canvas动态画饼状图的示例代码
Apr 02 HTML / CSS
使用CSS实现弹性视频html5案例实践
Dec 26 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
Jul 07 HTML / CSS
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
Apr 24 HTML / CSS
HTML5对比HTML4的主要改变和改进总结
May 27 HTML / CSS
Html5页面中的返回实现的方法
Feb 26 HTML / CSS
深入浅析HTML5中的article和section的区别
May 15 HTML / CSS
amazeui模态框弹出后立马消失并刷新页面
Aug 19 HTML / CSS
Canvas绘制像素风图片的示例代码
Sep 25 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 XML备份Mysql数据库
2009/05/27 PHP
有关PHP中MVC的开发经验分享
2012/05/17 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
JavaScript全排列的六种算法 具体实现
2013/06/29 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
JavaScript头像上传插件源码分享
2016/03/29 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
JS实现图片切换特效
2019/12/23 Javascript
微信小程序中网络请求缓存的解决方法
2019/12/29 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
vue.js实现简单购物车功能
2020/05/30 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
用Python脚本生成Android SALT扰码的方法
2013/09/18 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
秘书英文求职信范文
2014/01/31 职场文书
前台文员职责范本
2014/03/07 职场文书
社区服务活动总结
2014/05/07 职场文书
出国留学担保书
2014/05/20 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
大学生社会服务心得体会
2016/01/22 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
忆童年!用Python实现愤怒的小鸟游戏
2021/06/07 Python
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python
Python如何将list中的string转换为int
2022/07/15 Ruby