DIV CSS 佈局教程網

要創建XMLHttpRequest對象,對於不同的浏覽器，有不同的方法

對於IE：               var XMLhttp=new ActiveXObject("Microsoft.XMLHTTP") 對於For Mozilla, Firefox, Safari, and Netscape：              var XMLhttp=new XMLHttpRequest() XMLHttpRequest對象引用 方法

方法

描述

abort 取消當前請求 getAllResponseHeaders() 獲取完整的Http header信息 getResponseHeader(headername) 獲取指定的Http header信息 open(method,url,async,user,passwd) 打開一個請求。 method-指定請求方法get或post url-請求的url async-指定異步請求響應。true表示發送請求後不等待回應而去執行別的操作；false表示請求後等待回應後才去繼續別的操作。 user-訪問用戶（可選） passwd-訪問密碼（可選） send(content) 發送請求 setRequestHeader("label","value") 設置請求頭部信息 屬性

屬性名

描述

onreadystatechange 一個事件，用來捕獲所有的狀態變換 readyState 返回對象狀態： 0 = uninitialized 1 = loading 2 = loaded 3 = interactive 4 = complete responseText 響應文本 responseXML 響應XML數據 status 返回狀態數字（如:”404”表示“Not Found” “200”表示“OK”）。 statusText 返回狀態文本（如：“Not Found” ，“OK”）

例子

var Check = createAJaxObj();//創建XMLHttpRequest對象

function createAJaxObj(){
     var httprequest=false
      if(window.XMLHttpRequest){
          httprequest= new XMLHttpRequest()
      if(httprequest.overrideMimeType)
          httprequest.overrideMimeType('text/XML')
      }
      else if(window.ActiveXObject){
               try{
                     httprequest= new ActiveXObject("Msxml2.XMLHTTP");
               }
                catch(e){
                     try{
                        httprequest=new ActiveXObject("Microsoft.XMLHTTP");
                     }
                     catch(e){            
                     }
           }
        
     }
  return httprequest
} 

function CheckAcount(){     
    if(Check.readyState==4||Check.readyState==0){
         var str=document.forms["registerForm"].elements["userId"].value;     
         Check.open("get",'User.do?userId='+str+'&method=CheckAcount');//發送請求
         Check.onreadystatechange=handleCheck;     //處理返回數據函數為handleCheck
         Check.send(null);
       }   
}

function handleCheck(){
    if(Check.readyState==4){
    var s=Check.responseText;   
      if(s==0){
           document.getElementById("sp_userId").className='userInfoYES';
      }
      else  document.getElementById("sp_userId").className='userInfoNO';
     
    }
}