ajax 使用者 登入 功能

 今天來講講ajax實現靜態檔案登陸效果吧,首先我們就以站www.111cn.net登陸效果為例子吧:先看www.111cn.net的登陸入口效果:
這看上去和別的沒什麼區別,但我們仔細一看原來這是一個靜態頁面的入口,登陸成功的在這個靜態頁面顯示的效果是,這張是登陸成功選擇進入的欄目,
 
我們主要的是看這張的效果圖,這是在index.html登陸成功的顯示的效果,不過我要申明它不是用架構做的,而正是用ajax實現的,下面我們來看看它的html源碼我們就會發出在檔案最後有這樣一段代碼:
<script language="javascript">
<!--
 function return_member(str){  
 var url='';
 ajaxcreate();
 if(str==0){
   url="/member.php?action="+Math.random();
 }else{
  url="/user_login.php?pp="+Math.random();
 }
 xmlHttp.open("GET",url,true);  
 xmlHttp.send(null);
 if(str==0){
  xmlHttp.onreadystatechange=returnstate; 
 }else{
  xmlHttp.onreadystatechange=update_login; 
  }
 }
 
 function returnstate(){
  if(xmlHttp.readyState != 4 ){
   document.getElementById("ajax").innerHTML="正在載入資料,請稍後...";
  }
  if(xmlHttp.readyState == 4 ){
   document.getElementById("ajax").innerHTML=xmlHttp.responseText;
  } 
 }
 function update_login(){
  if(xmlHttp.readyState == 4 ){
  document.getElementById("pper").innerHTML=xmlHttp.responseText;  
  }
 }
 function loader(){
  return_member();  
 }
-->
</script>
這代碼url="/user_login.php?pp="+Math.random();這個就是把資料發給user_login.php檔案進行處理了,其實的php檔案和我們普通的登陸方式沒什麼不同的.
 
註明:原創作品 轉載請註明:www.111cn.net