使用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实战第一波 让我们尽情的圆角吧
Aug 27 HTML / CSS
带有css3动画效果的兼容多浏览器简单导航条示例
Jan 26 HTML / CSS
基于ccs3的timeline时间线实现方法
Apr 30 HTML / CSS
HTML5实践-图片设置成灰度图
Nov 12 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
详解Html5页面实现下载文件(apk、txt等)的三种方式
Oct 22 HTML / CSS
解决HTML5中滚动到底部的事件问题
Aug 22 HTML / CSS
AmazeUI 按钮交互的实现示例
Aug 24 HTML / CSS
HTML5超文本标记语言的实现方法
Sep 24 HTML / CSS
HTML5实现移动端点击翻牌功能
Oct 23 HTML / CSS
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
Apr 07 HTML / CSS
CSS3实现的3D隧道效果
Apr 27 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使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
php实现的click captcha点击验证码类实例
2014/09/23 PHP
jQuery 1.2.x 升? 1.3.x 注意事项
2009/05/06 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
jQuery的基本概念与高级编程
2015/05/14 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
2015/10/17 Javascript
JS判断当前页面是否在微信浏览器打开的方法
2015/12/08 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
nodejs中模块定义实例详解
2017/03/18 NodeJs
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
JavaScript链式调用实例浅析
2018/12/19 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
javascript实现点亮灯泡特效示例
2019/10/15 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
Python Trie树实现字典排序
2014/03/28 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
Django中使用Celery的方法示例
2018/11/29 Python
Python字符串的全排列算法实例详解
2019/01/07 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
优瑞自动咖啡机官网:Jura
2018/09/29 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
《囚绿记》教学反思
2014/03/01 职场文书
增员口号大全
2014/06/18 职场文书
优秀团员事迹材料1000字
2014/08/20 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书
血轮眼轮回眼特效 html+css
2021/03/31 HTML / CSS
Matplotlib可视化之添加让统计图变得简单易懂的注释
2021/06/11 Python
Redis模仿手机验证码发送的实现示例
2021/11/02 Redis