使用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的新特性
Sep 05 HTML / CSS
css3 中translate和transition的使用方法
Mar 26 HTML / CSS
网页中的电话号码如何实现一键直呼效果_附示例
Mar 15 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
微信浏览器左上角返回按钮拦截功能
Nov 21 HTML / CSS
html5通过canvas实现刮刮卡效果示例分享
Jan 27 HTML / CSS
Html5实现二维码扫描并解析
Jan 20 HTML / CSS
HTML5 canvas实现移动端上传头像拖拽裁剪效果
Mar 14 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
Mar 25 HTML / CSS
localStorage、sessionStorage使用总结
Nov 17 HTML / CSS
HTML实现代码雨源码及效果示例
Feb 25 HTML / CSS
CSS中理解层叠性及权重如何分配
Dec 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
PHP生成静态页面详解
2006/11/19 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
php实现在服务器上创建目录的方法
2015/03/16 PHP
javascript 模拟点击广告
2010/01/02 Javascript
jquery ready()的几种实现方法小结
2010/06/18 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
AngularJS的Filter的示例详解
2017/03/07 Javascript
vue中mint-ui环境搭建详细介绍
2017/04/06 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
vue服务端渲染的实例代码
2017/08/28 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
基于better-scroll 实现歌词联动功能的代码
2020/05/07 Javascript
Vue记住滚动条和实现下拉加载的完美方法
2020/07/31 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
[03:14]DOTA2斧王 英雄基础教程
2013/11/26 DOTA
简单谈谈Python中的闭包
2016/11/30 Python
Python中实现switch功能实例解析
2018/01/11 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
利用Python将图片中扭曲矩形的复原
2020/09/07 Python
HTML5打开手机扫码功能及优缺点
2017/11/27 HTML / CSS
Visual-Click葡萄牙:欧洲领先的在线眼镜商
2020/02/17 全球购物
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
总经理秘书工作职责
2013/12/26 职场文书
小小的船教学反思
2014/02/21 职场文书
职务聘任书范文
2014/03/29 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
2014年行政人事工作总结
2014/12/09 职场文书
公务员考察材料范文
2014/12/23 职场文书
关于军训的感想
2015/08/07 职场文书
JS中一些高效的魔法运算符总结
2021/05/06 Javascript
德劲DE1102数字调谐收音机机评
2022/04/07 无线电