DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> ajax提交表單實現網頁無刷新注冊示例
ajax提交表單實現網頁無刷新注冊示例
編輯:JavaScript基礎知識     

Ajax 無刷新

復制代碼 代碼如下:
var xmlHttp; 
uName() //用戶名失去焦點時 

 if(all.uname.=="") 
 { 
  all.l1.innerHTML="不能為空!"; 
  setTimeout("close(1)",1500); 
  return; 
 } 
 else 
 { 
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlHttp.onreadystatechange=deal; //回調函數 
  var url="aJax.aspx?user='"+all.uname.+"'"; //將要跳轉到檢測用戶名的頁面 
  xmlHttp.open("get",url,true); //用 get 模式提交表單 到 url ;並啟動 一步處理 
  xmlHttp.send(null); //發送 
 } 

deal() 

 //alert(xmlHttp.readystate+"__"+xmlHttp.status); 
 if(xmlHttp.readystate!=4) 
 {return; } 

 if(xmlHttp.status!=200)  //等於500 時是 sql 語句或數據庫的錯誤 
 {return;} 
 // 

 var num = xmlHttp.responseText; //接收服務器發送的信息 
 //alert(num); 
 all.l1.innerText=""; 
 if(num>0) 
 { 
  all.l1.innerText="次用戶名已被使用!"; 
 } 
 else  
 { 
  all.l1.innerText="√"; 
 } 

}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved