* 代码中的服务器地址和参数要替换成你自己的。
* 代码中的判断不够完善请自行修改。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/cordova-2.2.0.js"></script>
<script type="text/javascript">
$(document).bind('deviceready',function(){
// 检查设备的网络状况
var networkState = navigator.network.connection.type;
var states = {};
states[Connection.UNKNOWN] = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI] = 'WiFi connection';
states[Connection.CELL_2G] = 'Cell 2G connection';
states[Connection.CELL_3G] = 'Cell 3G connection';
states[Connection.CELL_4G] = 'Cell 4G connection';
states[Connection.NONE] = 'No network connection';
alert('Connection type: ' + states[networkState]);
// 登录
$('#submit').bind('touchstart',function(){
var username=$.trim($('#uname').val());
var userpass=$.trim($('#upass').val());
if(username!=''&&userpass!='')
{
$.post('服务器地址',{参数},function(data){
var data = eval('('+data+')');
$('#mes').html(data.email);
});
}else{
navigator.notification.alert('用户名或密码不能为空');
}
});
});
</script>
</head>
<body>
username:
<input type="text" id="uname" />
<br />
userpass:
<input type="password" id="upass" />
<br />
<input type="button" value="Login" id="submit" />
<br />
<span id="mes"></span>
</body>
</html>
分享到：
相关推荐
【描述】：“该源码是使用PhoneGap加jQuery Mobile开发基于HTML5 CSS3的应用的项目例子。可以很好地学习jQuery Mobile。” 这段描述表明这个项目提供了一个实际的示例，用于教授如何结合PhoneGap和jQuery Mobile...
PhoneGap+jQuery Mobile+REST 访问远程数据 在移动应用开发中，PhoneGap是一个流行的框架，它允许开发者使用HTML、CSS和JavaScript来构建跨平台的原生移动应用。jQuery Mobile则是一个专为触摸设备设计的前端框架，...
PhoneGap+jQueryMobile开发Android应用实例，搭建开发环境
通过这个"PhoneGap+jQuery示例项目"，开发者不仅可以掌握PhoneGap和jQuery的基础知识，还能进一步理解跨平台移动应用开发的流程和最佳实践，从而提升自己的技能并实现高效开发。对于初学者，这是一个很好的起点；...
在这个“phonegap+jqueryMobile例子”中，我们将深入探讨这两个工具如何协同工作，以及如何利用它们创建Android应用程序。 PhoneGap是一个开源框架，它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。...
PhoneGap+jQuery+HTML5是开发跨平台移动应用的一种常见技术组合。PhoneGap是一个开源框架，它允许开发者使用Web技术（如HTML、CSS和JavaScript）来构建原生的移动应用程序。jQuery是一个流行的JavaScript库，它简化...
总的来说，"PhoneGap+jQuery Mobile汇率计算器"实例展示了如何将Web技术应用于移动开发，利用PhoneGap实现跨平台能力，利用jQuery Mobile提升用户体验。通过学习和实践这个实例，开发者不仅可以掌握这两种技术的基本...
用PhoneGap+jQueryMobile开发Android应用实例，很好的android开发学习教材。
5. **实现功能**：利用JavaScript和jQuery Mobile的事件处理，实现应用的功能。同时，可以通过PhoneGap的API调用设备功能，如`navigator.geolocation`获取位置信息，`navigator.camera`访问摄像头等。 6. **测试和...
综上所述，这个项目利用HTML5的多媒体特性创建Web应用，借助PhoneGap将其转换为可在不同移动设备上运行的原生应用，再通过jQuery Mobile优化用户界面和交互体验，实现了跨平台的手机APP开发。这个过程中，开发者需要...
在这个"phonegap+jqueryMobilejs源码项目"中，我们可以期待看到以下关键知识点： 1. **PhoneGap环境搭建**：首先，我们需要安装PhoneGap的开发环境，包括Node.js、Apache Cordova和对应的平台SDK（如Android SDK或...
标题提到的"PhoneGap+javascript+html5 扫描二维码"是指利用PhoneGap框架，结合JavaScript和HTML5的特性来实现二维码扫描功能。在移动应用中，二维码扫描是非常实用的功能，可以用于快速数据交换、链接跳转、会员...
通过分析这些源码，开发者可以学习到如何将IONIC的UI组件和交互与PhoneGap的本地功能结合，创建一个功能完备的混合移动应用。 【文件名称列表】 1. "深入浅出 phonegap 代码.zip" - 这个文件可能是关于PhoneGap的...
具体到压缩包内的文件，"Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.rar"很可能是包含所有源文件的压缩文件，包括HTML文件（可能命名为index.html）、CSS文件（如style.css）和JavaScript文件（如script.js）...
通过这个源码，开发者可以学习到如何将Ionic的设计和交互特性与PhoneGap的打包能力相结合，实现一个功能齐全的移动应用。 **标签"ionic"** Ionic框架的核心特点包括使用AngularJS（现在是Angular）进行数据绑定和...
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载
**Android应用源码解析——Phonegap+HTML5+CSS3+jQuery简单界面模板** Phonegap是一种混合移动应用程序开发框架，它允许开发者使用Web技术（HTML、CSS和JavaScript）来构建跨平台的移动应用。本示例是基于Phonegap...
本资源包“安卓Android源码——Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip”正是一款基于这些技术的实例教程，旨在帮助开发者快速理解并掌握这一开发模式。 Phonegap是Adobe开发的一个开源框架，它允许...