• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > phonegap操作数据库详解

phonegap操作数据库详解

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含phonegap,数据库,详解等相关知识,匿名希望在学习及工作中可以帮助到您
这次给大家带来phonegap操作数据库详解,phonegap操作数据库的注意事项有哪些,下面就是实战案例,一起来看一下。

实例如下:

<!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> 
        <p id='status'></p> 
    </body> 
  
</html>

相信看了本文案例你已经掌握了方法,更多精彩请关注微课江湖其它相关文章!

推荐阅读:

phonegap创建联系人详解

不刷新的前提下怎样改变当前url的代码

以上就是phonegap操作数据库详解的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • 使用phonegap克隆和删除联系人的实现方法
  • 使用phonegap查找联系人的实现方法
  • 使用phonegap获取设备的一些信息方法
  • phonegap常用事件总结(必看篇)
  • 使用phonegap播放音频的实现方法
  • 使用phonegap获取位置信息的实现方法
  • 使用phonegap操作数据库的实现方法
  • 使用phonegap进行本地存储的实现方法
  • 使用phonegap创建联系人的实现方法
  • 使用phonegap进行提示操作的具体方法

相关文章

  • 2018-12-03 小强的HTML5移动开发之路(2)——HTML5的新特性
  • 2018-12-03淘宝为什么放弃了 HTML5 新的语义化标签的使用?
  • 2018-12-03H5的canvas实现贪吃蛇小游戏
  • 2018-12-03HTML5实现微信播放全屏的方法详解
  • 2018-12-03移动端 web 开发的内测环境如何配置?
  • 2018-12-03有没有好的用 HTML5 做电子杂志的制作平台?
  • 2018-12-037 个让人惊叹的 HTML5 鼠标动画图文详解
  • 2018-12-03SVG基础|绘制SVG直线、折线和多边形
  • 2018-12-03阻止移动设备(手机、pad)浏览器双击放大网页的方法_html5教程技巧
  • 2018-12-03分享HTML5实现弹出框的效果示例

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 总结HTML5中新表单元素的使用方法及实例教程
    • 有人说基于成熟后的HTML5 移动web应用才是未来,因为省去了app移动应用在不同终端的开发时间。基于终端的移动应用也会走下舞台,各位怎么认为?
    • html5 worker 实例(二) 图片变换效果
    • 使用Canvas处理图片的方法介绍
    • Canvas实现旋转风车的绘制
    • html5 利用canvas实现超级玛丽简单动画_html5教程技巧
    • 客户端存储杂谈
    • HTML5通讯录获取指定多个人的信息
    • html5 worker 实例(一) 为什么测试不到效果_html5教程技巧
    • HTML4和HTML5之间的10个主要不同

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有