AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。

AJAX 是一種用于創建快速動態網頁的技術。其核心是 JavaScript 對象 XMLHttpRequest。該對象在 Internet Explorer 5 中首次引入，它是一種支持異步請求的技術。簡而言之，XMLHttpRequest使您可以使用 JavaScript 向服務器提出請求并處理響應，而不阻塞用戶。

通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

傳統的網頁（不使用 AJAX）如果需要更新內容，必須重載整個網頁頁面。

試想如果在注冊時，提交了注冊信息，等了幾秒后頁面重載了，結果彈出一個提示框告訴你“用戶名已被使用”，那將是很令人惱火的一件事。所以在這里，使用AJAX實現異步請求，即可在不重載頁面的情況下實現與數據庫的通訊。

創建XMLHTTPRequest對象

使用javascript在html頁面中創建XMLHTTPRequest對象，實現AJAX異步請求：

<span style="font-size:14px;">    var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');      xmlhttp.open("POST", "AJAXTest.ashx?" + "i=5&j=10", true);      xmlhttp.onreadystatechange = function ()      {        if (xmlhttp.readyState == 4)        {          if (xmlhttp.status == 200)          {            alert(xmlhttp.responseText);          }          else          {            alert("AJAX服務器返回錯誤！");          }        }      }      xmlhttp.send(); </span>

var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //創建XMLHTTP對象，考慮兼容性

xmlhttp.open("POST", "AJAXTest.ashx?" + "i=5&j=10", true); //“準備”向服務器的GetDate1.ashx發出Post請求（GET可能會有緩存問題）。這里還沒有發出請求。

readyState == 4 表示服務器返回完成數據了。之前可能會經歷2（請求已發送，正在處理中）、3（響應中已有部分數據可用了，但是服務器還沒有完成響應的生成）

注意：   

不要以為if (xmlhttp.readyState == 4) 在send之前執行就覺得不對， xmlhttp.send(); 這時才開始發送請求。這時才開始發送請求后不等服務器返回數據，就繼續向下執行，所以不會阻塞，界面就不卡了，這就是AJAX中“A”的含義“異步”。

AJAX的封裝

在實際項目開發中，會有多處用到AJAX異步請求，可是創建對象代碼這么長，復制粘貼都嫌麻煩，而且還會影響代碼的觀賞性，所以需要將AJAX進行封裝。將其封裝成js功能文件，并在網頁中導入即可進行引用。

簡單AJAX封裝后代碼：