使用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 相关文章推荐
button在IE6/7下的黑边去除方案
Dec 24 HTML / CSS
深入理解css属性的选择对动画性能的影响
Apr 20 HTML / CSS
CSS3的 fit-content实现水平居中
Sep 07 HTML / CSS
CSS3改变浏览器滚动条样式
Jan 04 HTML / CSS
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
Jan 08 HTML / CSS
分享一个H5原生form表单的checkbox特效代码
Feb 26 HTML / CSS
HTML5之SVG 2D入门4—笔画与填充
Jan 30 HTML / CSS
详解HTML5中的manifest缓存使用
Sep 09 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
Mar 14 HTML / CSS
HTML5 表单验证失败的提示语问题
Jul 13 HTML / CSS
基于HTML5 WebGL的3D机房的示例
Mar 16 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
Dec 04 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 的几个配置文件函数
2006/12/21 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
javascript实现信息增删改查的方法
2015/07/25 Javascript
详解AngularJs中$resource和restfu服务端数据交互
2016/09/21 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
js中作用域的实例解析
2017/03/16 Javascript
10行代码实现微信小程序滑动tab切换
2018/12/28 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
在Django的通用视图中处理Context的方法
2015/07/21 Python
python爬取51job中hr的邮箱
2016/05/14 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
Python内置加密模块用法解析
2019/11/25 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
英国手机壳购买网站:Case Hut
2019/04/11 全球购物
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
香港零食网购:上仓胃子
2020/06/08 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
上海期货面试题
2014/01/31 面试题
经贸韩语专业大学生职业规划
2014/02/14 职场文书
共青团员自我评价范文
2014/09/14 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
幼儿园2014年度工作总结
2014/11/10 职场文书
房地产公司工程部经理岗位职责
2015/04/09 职场文书
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript
详解nodejs内置模块
2021/05/06 NodeJs
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技