关闭

使用phonegap操作数据库

标签: androidphonegapexecuteSqlopenDatabase数据库
303人阅读 评论(0) 收藏 举报
分类:
<!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>

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

websql的使用/phonegap操作数据库 sqlite

对websql的常用操作进行了一个封装,项目是基于phonegap的,不过phonegap默认已经集成了数据库操作的插件,所以无需再配置什么,直接用就可以了: /** *数据库操作辅助类,定义对象、数据操作方法都在这里定义 */ var dbname='mydb'; var ver...
  • linshutao
  • linshutao
  • 2014-03-17 17:25
  • 4533

PhoneGap -数据库操作-存储

学习要点:  1.  localStorage          2.  Web Sql 其中localStorage非常简单,就是一个简单的存储,看看API即可掌握;重点学会使用Web  Sql  ...
  • ItJavawfc
  • ItJavawfc
  • 2015-05-31 00:11
  • 1114

phonegap混合开发之环境安装

从事Android软件开发一年多,最近项目开发网站移动端,小菜这一年Android开发项目都是集中在原生Android多媒体的开发,对于web开发 很棘手,不知道如何如何快速进入实战阶段。幸好有了phonegap这种混合开发模式,小菜学习摸索几周最终有一个比较简单demo,和初学者分享一下,大神就不...
  • lj200680
  • lj200680
  • 2015-12-09 14:42
  • 544

phonegap照相插件的使用

phonegap的API提供照相功能,使用很方便. 此篇文章以cordova 3.3版本编写   据我总结核心步骤:  创建工程 ; 下载插件 ;编译工程; 调用插件;           ...
  • aaawqqq
  • aaawqqq
  • 2014-02-28 15:11
  • 19556

PhoneGap 教程:一个跨平台的 Todo App

PhoneGap 是一个允许开发中使用s
  • chaoyuan899
  • chaoyuan899
  • 2014-12-03 17:38
  • 3827

在Android上使用Phonegap的个人经验总结及项目中的优化方案

大家好,今天我给大家介绍一款用HTML5来实现Android的应用程序开发的开源项目,Phonegap! 一提到这个项目,可能很多人早有耳闻,而且也能说出大概,对Phonegap批评声我看过也不少,主要是说其性能慢,其实我觉得不然,Phonegap还是很管用的,如果写出来的应用执行慢,大部分应该是...
  • heruijun
  • heruijun
  • 2014-03-03 15:49
  • 2864

phonegap插件加载与使用

有朋友问能不能在CanTK和AppBuilder开发的APP里发送UDP数据,HTML5里只能用HTTPS/HTTP/WebSocket几种通讯方式,要使用UDP需要通过phonegap打包成APK等特定平台的安装包。为此我写了一个UDP的例子,但是运行时遇到的问题,所以花了些时间去研究phoneg...
  • absurd
  • absurd
  • 2015-03-08 17:07
  • 3977

phonegap环境配置与基本操作

hybird移动端开发模式,phonegap(cordova)
  • jyy_12
  • jyy_12
  • 2015-06-08 21:24
  • 9043

PhoneGap从入门到精通视频教程

跨平台开发技术-PhoneGap从入门到精通视频教程 课程讲师:厉风行  课程分类:手机开发 适合人群:中级 课时数量:76课时 用到技术:PhoneGap、罗盘、运动传感器、地理位置、通信机制及部署和调试 涉及项目:北风动听音乐播放器,北风微博客户端 咨询Q...
  • u014038124
  • u014038124
  • 2015-04-16 15:49
  • 1071

phonegap安装 环境搭建与配置详解( 完整版 提供下载地址)

phonegap 安装 环境搭建 完整版   刚刚接触 phonegap 因为配环境遇到各种各样问题.花了一下午时间才完成,所以写一个篇文章希望能给大家节约点时间.       本文主讲windows系统下的phonegap的环境搭建&#...
  • aaawqqq
  • aaawqqq
  • 2014-02-23 13:34
  • 130231
    个人资料
    • 访问:1744250次
    • 积分:23484
    • 等级:
    • 排名:第342名
    • 原创:502篇
    • 转载:319篇
    • 译文:99篇
    • 评论:435条
    博客专栏
    最新评论