使用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 相关文章推荐
利用SVG和CSS3来实现一个炫酷的边框动画
Jul 22 HTML / CSS
CSS3 分类菜单效果
May 27 HTML / CSS
CSS3 实现的加载动画
Dec 07 HTML / CSS
HTML5 本地存储 LocalStorage详解
Jun 24 HTML / CSS
IE支持HTML5的解决方法
Oct 20 HTML / CSS
HTML5 Video标签的属性、方法和事件汇总介绍
Apr 24 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
May 12 HTML / CSS
HTML5中判断横屏竖屏的方法(移动端)
Aug 04 HTML / CSS
使用html5实现表格实现标题合并的实例代码
May 13 HTML / CSS
钉钉企业内部H5微应用开发详解
May 12 HTML / CSS
关于HTML5+ API plusready的兼容问题
Nov 20 HTML / CSS
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
Jan 18 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
解析二进制流接口应用实例 pack、unpack、ord 函数使用方法
2013/06/18 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
RGB颜色值转HTML十六进制(HEX)代码的JS函数
2009/04/25 Javascript
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
Mac地址验证的javascript代码
2013/11/09 Javascript
javascript得到当前页的来路即前一页地址的方法
2014/02/18 Javascript
省市区三级联动下拉框菜单javascript版
2015/08/11 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
React学习笔记之高阶组件应用
2018/06/02 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
Python 中的 else详解
2016/04/23 Python
Python查看微信撤回消息代码
2018/06/07 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】
2018/12/26 Python
Python3.5多进程原理与用法实例分析
2019/04/05 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
几道数据库的面试题或笔试题
2014/05/31 面试题
学生干部培训方案
2014/06/12 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
入党申请书怎么写?
2019/06/11 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python
MySQL中日期型单行函数代码详解
2021/06/21 MySQL
Go 语言下基于Redis分布式锁的实现方式
2021/06/28 Golang
Python中文纠错的简单实现
2021/07/07 Python
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS