PhoneGap+Jquery+Html5 원격 로그인 기능(소스 포함)

2234 단어 PhoneGap
* 코드의 서버 주소와 매개 변수는 본인의 것으로 바꿉니다.
* 코드의 판단이 미비한 경우에는 자체적으로 수정하십시오.

<!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>

좋은 웹페이지 즐겨찾기