MLHttpRequest 對象是AJAX功能的核心，要開發AJAX程序必須從了解XMLHttpRequest 對象開始。
了解XMLHttpRequest 對象就先從創建XMLHttpRequest 對象開始，在不同的瀏覽器中創建XMLHttpRequest 對象使用不同的方法：
先看看IE創建XMLHttpRequest 對象的方法（方法1）：
var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//較新的IE版本創建Msxml12.XMLHTTP對象
var xmlhttp=ActiveXobject("Microsoft.XMLHTTP");//較老的IE版本創建Microsoft.XMLHTTP對象
而 Mozilla、Opera、Safari 和大部分非IE的瀏覽器都使用下面這種方法（方法2）創建XMLHttpRequest 對象：
var xmlhttp=new XMLHttpRequest();
注意：實際上Internet Explorer 使用了一個名為 XMLHttp 的對象，而不是 XMLHttpRequest 對象，而 Mozilla、Opera、Safari 和 大部分非 Microsoft 瀏覽器都使用的是后者（下文統稱 XMLHttpRequest 對象）。IE7開始也開始使用XMLHttpRequest 對象了。
因此我們需要創建一個能兼容多瀏覽器的XMLHTTPRequest對象：
第一種方法：
var xmlhttp=false;//創建一個新變量并賦值false，使用false作為判斷條件說明還沒有創建XMLHTTPRequest對象
function CreateXMLHttp(){
try{
xmlhttp=new XMLHttpRequest();//嘗試創建 XMLHttpRequest 對象，除 IE 外的瀏覽器都支持這個方法。
}catch(e){
try{
xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//使用較新版本的 IE 創建 IE 兼容的對象（Msxml2.XMLHTTP）。
}catch(e){
try{
xmlhttp=ActiveXobject("Microsoft.XMLHTTP");//使用較老版本的 IE 創建 IE 兼容的對象（Microsoft.XMLHTTP）。
}catch(failed){
xmlhttp=false;//如果失敗了還保持false
}
}
}
return xmlhttp;
}
判斷是否成功的例子：
if(!xmlhttp){
創建xmlhttp失敗
}else{
創建xmlhttp成功
}
第二種方法：
if(typeof(XMLHttpRequest)=="undefined" window.ActiveXObject){
function XMLHttpRequest(){
var xmlhttp_arr=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"]；
var xmlhttp;
for(i=0;ixmlhttp_arr.length;i++){
if(xmlhttp=new ActiveXObject(xmlhttp_arr[i]))
break;
}
return xmlhttp;
}
}
//這個是除了IE之外的瀏覽器創建XMLHttpRequest對象
var xmlhttp=new XMLHttpRequest();
創建xmlhttp成功后，然后再來看看它的一些屬性和方法吧，還有最重要的onreadystatechange事件句柄
方法：
open() 初始化http請求參數，包括URL和http方法，但是不發送請求；
abort() 取消當前響應，關閉連接并斷開所有網絡未結束的活動；
getAllResponseHeaders() 把http響應頭部作為未解析字符串返回；
getResponseHeaders) 返回指定的http響應頭的值；
send() 發送http請求使用傳遞給open()方法的參數，以及傳個該方法的可選請求體；
setResponseHeader() 向一個打開但沒有發送的請求設置或添加一個Http請求。
屬性：
readyState 說明http請求的狀態;(有5個狀態分別是
0 表示沒有初始化；
1 表示讀取中
2 表示已讀取
3 交互中(接受中)
4 完成
)
responseText 說明為服務器接收到得響應體，如果沒有接收到數據就返回空字符串；
responseXML 說明對請求的回應 解析為XML并用document對象返回；
status 說明http請求的狀態；
statusText 說明http請求狀態不是以數字形式而是用名稱；
onreadystatechange 是readySate狀態改變時調用事件的函數。
下面是一個發送請求數據并返回結果的xmlhttpRequest對象；
生成一個XMLHTTPRequest對象
var xmlhttp=CreatXMLHttp();
xmlhttp.open("get","https://www.jb51.net/jaryle",true);
xmlhttp.onReadyStateChange=getresult;
//怎么告訴XMLHttpRequest 對象狀態變化時讓誰來處理這個變化呢用到二種方法：一種是匿名方法xmlhttp.onReadyStateChange=function(){處理變化的代碼}
另一種方法：指定方法：xmlhttp.onReadyStateChange=getresult;
function getresult(){處理變化的代碼}
xmlhttp.send();
function getresult(){
if(xmlhttp.readyState==4){ //當readyState的狀態等于4時表示接收到數據
if(xmlhttp.status==200){ //這個時候就需要用到status屬性，即由服務器返回的 HTTP 狀態代碼。 xmlhttp.status 等于200時表示傳輸過程完整沒有錯誤
alert(xmlhttp.responseText);
}
}
}
注意：所以我們應該按照上面的流程來記憶：創建XMLHttpRequest 對象 -> 指定發送地址及發送方法 -> 指定狀態變化處理方法 -> 發送請求，請求發送后狀態變化了就會自動調用指定的處理方法。
您可能感興趣的文章:- jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法
- AJAX XMLHttpRequest對象詳解
- 如何用ajax來創建一個XMLHttpRequest對象
- jquery ajax學習筆記2 使用XMLHttpRequest對象的responseXML
- AJAX中同時發送多個請求XMLHttpRequest對象處理方法
- AJAX客戶端說明，XMLHttpRequest對象
- AJax 學習筆記一(XMLHTTPRequest對象)
- ajax 入門基礎之 XMLHttpRequest對象總結
- AJAX XMLHttpRequest對象創建使用詳解
