使用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 border-radius属性详解
Jul 05 HTML / CSS
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
Dec 19 HTML / CSS
css3实现背景图片拉伸效果像桌面壁纸一样
Aug 19 HTML / CSS
CSS实现聊天气泡效果
Apr 26 HTML / CSS
详解HTML5新增标签
Nov 27 HTML / CSS
canvas基础之图形验证码的示例
Jan 02 HTML / CSS
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
Jan 09 HTML / CSS
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
Mar 15 HTML / CSS
用html5的canvas和JavaScript创建一个绘图程序的简单实例
Jul 06 HTML / CSS
HTML5新特性之type=file文件上传功能
Feb 02 HTML / CSS
HTML5自定义属性的问题分析
Aug 16 HTML / CSS
css 边框添加四个角的实现代码
Oct 16 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
2020年4月放送决定!第2期TV动画《邪神酱飞踢》视觉图&主题曲情报公开!
2020/03/06 日漫
浅谈php的优缺点
2015/07/14 PHP
PHP实现统计在线人数功能示例
2016/10/15 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
2016/08/05 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
2017/01/23 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
详解ECMAScript2019/ES10新属性
2019/12/06 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
python发送伪造的arp请求
2014/01/09 Python
python类参数self使用示例
2014/02/17 Python
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
python实现汉诺塔方法汇总
2016/07/25 Python
window下eclipse安装python插件教程
2017/04/24 Python
Python文件和流(实例讲解)
2017/09/12 Python
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
python标识符命名规范原理解析
2020/01/10 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
师德师风自我评价范文
2014/09/11 职场文书
医院领导班子整改方案
2014/10/01 职场文书
信息合作协议书
2014/10/09 职场文书
聘任书的格式及模板
2019/10/28 职场文书
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers