基本Javascript建立XMLHTTPRequest發送Ajax請求

Ajax的最基本寫法

<script language="javascript" type="text/javascript">

//建立XMLHttpRequest
function createXmlGttpRequest(){
    if(window.ActiveXObject){//IE瀏覽器
        return new ActiveXObject("Microsoft.XMLHTTP");
    }else if(window.XMLHttpRequest){//非IE瀏覽器
        return new XMLHttpRequest();
    }
}

//發送請求
var xmlHttpRequest;//聲明XMLHttpRequest對象
function toSendRequest(){
    xmlHttpRequest=createXmlGttpRequest();
    xmlHttpRequest.onreadystatechange=callbackFun;//設定回呼函數，當xmlHttpRequest對象的狀態改變時調用callbackFun這個函數
   
    //初始化XMLHttpRequest組件；第三個參數表示同步(false)or非同步(true),非同步表示調用send方法發送請求後不用等待請求響應繼續執行後面的Javascript代碼。
    xmlHttpRequest.open("GET","Ajax.ashx?name=name1&pass=pass1",true);
    xmlHttpRequest.send(null);//發送請求
}

//回呼函數
function callbackFun(){
    //readyState共有5中狀態，0未初始化，1已初始化，2發送請求，3開始接收結果，4接收結果完畢。
    //status伺服器響應狀態代碼。
    if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
        alert(xmlHttpRequest.responseText);
    }else{
        //出現異常
    }
}
</script>