使用php+ajax實現登錄功能教程-1

php登錄源碼： 
下面是chklogin.php頁面代碼： 
<?php 
session_start(); 
$connect=mysql_connect("127.0.0.1","root","123"); 
if(!$connect) 
{ 
die(’Could not connect: ’ . mysql_error()); 
} 
mysql_select_db(design,$connect); 
$query="select * from ta_user where user_name =’".$name."’"; 
$result=mysql_query($query) OR die("Unable to connect to MySQL"); 
$rows=mysql_fetch_array($result); 
if($rows[user_password]==$pwd) 
{ 

header("Location:login_suss.php?name=".$name.""); 
} 
else 
{ 
echo "<table width=’235’ height=’61’ border=’0’ align=’center’>"; 
echo "<tr><td height=’29’>用戶名或密碼錯誤！</td></tr>"; 
echo "<tr><td height=’29’>請點擊<a href=’javascript:history.go(-1);’>這兒</a>重新輸入！"; 
echo "</td></tr>"; 
echo "</table>"; 

} 
?>

登陸驗證的AJAX代碼示例：

<script language="javascript"> 
function getXMLHTTPRequest() 
{ 
var xRequest=null; 
if (window.XMLHttpRequest) 
{ 
xRequest=new XMLHttpRequest(); 
} 
else if (typeof ActiveXObject != "undefined") 
{ 
xRequest=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
return xRequest; 
} 
function Ajax(url) 
{ 
AjaxObj = getXMLHTTPRequest(); 
AjaxObj.onreadystatechange = processRequest; 
AjaxObj.open("post",url,true); 
AjaxObj.setRequestHeader(’Content-type’,’application/x-www-form-urlencoded’); 
AjaxObj.send("name"+name); 

} 
function processRequest() 
{ 

if(AjaxObj.readyState == 4) 
{ 
if(AjaxObj.status == 200) 
{ 
if(AjaxObj.responseText != "") 
{ 
document.getElementById("show").innerHTML=""; 
//alert(AjaxObj.responseText); 

document.getElementById("show").innerHTML=AjaxObj.responseText; 

} 
} 
else 
{ 
alert("您所請求的頁面有異常。") 
} 
} 
else 
{ 
document.getElementById("show").innerHTML="Loading......"; 
} 
} 
</script> 
實際應用中，使用onclick="Ajax(***.php)";調用就行..