根據上一小節已經知道XMLHttpRequest是Ajax實現的基礎，所有現代瀏覽器都支持並內建了XMLHttpRequest對象。我們下面就來看一下該對象的使用。
1、創建XMLHttpRequest對象
要實現異步操作首先就需要創建一個XMLHttpRequest對象，創建語法如下：
var XHR = new XMLHttpRequest();有了XMLHttpRequest對象，我們就可以通過它來實現發送服務器請求了。
2、向服務器發送請求
如需將請求發送到服務器，我們使用 XMLHttpRequest 對象的 open() 和 send() 方法，相應語法規則如下：
| 方法 | 描述 |
|---|---|
| open(method,url,async) |
規定請求的類型、URL 以及是否異步處理請求。
|
| send(string) |
將請求發送到服務器。
|
下面是對百度請求的一個簡單示例：
xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();3、服務器響應
有了請求必然有響應，如需獲得來自服務器的響應，可以使用 XMLHttpRequest 對象的 responseText 或 responseXML 屬性。
| 屬性 | 描述 |
|---|---|
| responseText | 獲得字符串形式的響應數據。 |
| responseXML | 獲得 XML 形式的響應數據。 |
具體使用哪一個根據服務器響應結果來確定，如果來自服務器的響應並非 XML，請使用 responseText 屬性，否則使用responseXML 屬性。
根據以上內容可以知道，我們已經可以通過XMLHttpRequest對象來發送服務器請求和接收來自服務器的響應數據了。但是隻有這些還不足以實現異步操作，下面談到的onreadystatechange 事件是關鍵。
4、readystate狀態
readyState是XMLHttpRequest對象的一個屬性，該屬性存有 XMLHttpRequest 的狀態信息, 其值會隨着響應而發生變換，每當 readyState 改變時，就會觸發 onreadystatechange 事件。
下面是 XMLHttpRequest 對象的三個重要的屬性：
| 屬性 | 描述 |
|---|---|
| onreadystatechange | 存儲函數（或函數名），每當 readyState 屬性改變時，就會調用該函數。 |
| readyState |
存有 XMLHttpRequest 的狀態。從 0 到 4 發生變化。
|
| status |
200: "OK" 404: 未找到頁面 |
在 onreadystatechange 事件中，我們規定當服務器響應已做好被處理的準備時所執行的任務。
當 readyState 等於 4 且狀態爲 200 時，表示響應已就緒，下面給出完整示例：
<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/ajax/test1.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" οnclick="loadXMLDoc()">通過 AJAX 改變內容</button>
</body>
</html>