Ajax：Asynchronous javascript and xml，實現了客戶端與服務器進行數據交流過程。使用技術的好處是：不用頁面刷新，并且在等待頁面傳輸數據的同時可以進行其他操作。
?? 這就是異步調用的很好體現。首先得了解什么是異步和同步的概念。
?? 舉個例子：比如你去圖書館借某種書，可惜圖書館此書被借完。這時可以采用兩種做法。
第一種做法：在圖書館一直等待，直到有人還書，然后再去吃飯睡覺。
第二種做法：直接跟圖書館管理員約定，若是有人還書，直接通知你。你則該忙什么忙什么。到時候會通知你。
而第一種做法就是同步的表現，必須等待別人還書（等待服務器返回信息）才進行其他事情，至死方休。
而第二種做法就是異步的表現，不耽誤時間，合理利用時間高效率做事。
遇到這種情況，你會采用那種辦法呢？
選擇第一種，哈哈，說明你太執著啦；選擇第二種，說明你靈活變通，合理安排自己的人生。你自己看著辦吧。
? 那Ajax是如何從瀏覽器發送Http請求到服務器呢？
? 這就得使用一個重要的對象XMLHttpRequest。
? 那首先了解一下XMLHttpRequest對象的屬性和方法。
? 主要的屬性：
readyState屬性有五個狀態值。
0：是uninitialized，未初始化。已經創建了XMLHttpRequest對象但是未初始化。
1：是loading，send for request but not called .已經開始準備好要發送了。
2：是loaded, send called,headers and status are available。已經發送，但是還沒有收到響應。
3：是interactive，downloading response,but responseText only partial set.正在接受響應，但是還不完整。
4：是completed，finish downloading.接受響應完畢。
responseText：服務器返回的響應文本。只有當readyState>=3的時候才有值，根據readyState的狀態值，可以知道，當readyState=3，返回的響應文本不完整，只有readyState=4，完全返回，才能接受全部的響應文本。
responseXML：response? as Dom Document object。響應信息是xml，可以解析為Dom對象。
status：服務器的Http狀態碼，若是200，則表示OK，404，表示為未找到。
statusText：服務器http狀態碼的文本。比如OK，Not Found。
? 主要的方法：
open（method，url，boolean）：打開XMLHttpRequest對象。其中method方法有get，post，delete，put。若是查數據，從服務器中得到一定的數據，則使用get。若是直接提交到服務器中，更新一定的數據，則使用post；url是請求資源的地址。第三個參數表示是否使用異步。默認情況是true，因為Ajax的特點就是異步傳送。若使用同步則false。異步和同步上述已經舉例。
send（body）：發送請求Ajax引擎，讓Ajax引擎操作。其中發送的內容可以是需要的參數，若是沒有參數，直接send（null)
? 那如何使用Ajax技術？
首先，有客戶端事件觸發Ajax事件。
然后，創建xmlHttpRequest對象，根據瀏覽器不同，創建的xmlHttpRequest對象不同。用open調用，用send發送請求給Ajax引擎。
最后，執行完畢后，把結果返回給客戶端。
? 執行的流程如下:
?
測試代碼如下：
???? 創建xmlHttpRequest對象：
???? function createXMLHttpRequest() {
//表示當前瀏覽器不是ie,如ns,firefox
if(window.XMLHttpRequest) {//關于這個解釋請看本篇文章最底下
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
??? }
???? 客戶端事件觸發：?????
???????? function validate(field){
?????????? if(trim(field.value).length!=0)
????????? {
?//創建XMLHttpRequest
?createXMLHttpRequest() ;
?var url="user_validate.jsp?userId=" + trim(field.value)+"×tampt="+new Date().getTime();
?// alert(url);
?xmlHttp.open("GET", url, true);
?//方法地址。處理完成后自動調用，回調。
?xmlHttp.onreadystatechange=callback ;
?xmlHttp.send(null);//將參數發送到Ajax引擎
?} else{ document.getElementById("userIdSpan").innerHTML = "";??? }???????
? }
結果返回操作：
function callback(){
?{???????
?alert(xmlHttp.readyState);
?
?if(xmlHttp.readyState==4){ //Ajax引擎初始化
?if(xmlHttp.status==200){ //http協議成功
?//alert(xmlHttp.responseText);
?document.getElementById("userIdSpan").innerHTML = "<font color='red'>" + xmlHttp.responseText + "</font>";
?}else
??????????? {
???????????? alert("請求失敗，錯誤碼="+xmlHttp.status);
??????????? }????????????????
?}
?}
注意：
????? onreadyStateChange事件，當readyState狀態值發生改變就會觸發此事件。
????? 其中，xmlHttpRequest提交http請求的過程中，readyState歷經五個狀態值（0，1，2，3，4），所以callback函數中的alert(xmlHttp.readyState)則會不斷輸出1，2，3，4。其中0狀態不會輸出，因為0狀態的時候并不執行此事件。
?????? ps：當時在eslipse默認web?瀏覽器中輸出的readyState狀態順序一直是：1，3，4，2。當時很糾結，因為狀態值含義的分析，結果應該是1，2，3，4。后來折騰半天，才發現是瀏覽器的問題。不同的瀏覽器，執行的結果是不同的。使用IE瀏覽器測試，結果是1，2，3，4。哈哈，真的只有想不到，沒有搜不到的。
?
附加內容：
if (window.XMLHttpRequest){。。。。。。}是什么意思？
在JS里，window是最頂級對象（除了Object，Function...那些之外），它代表了一個窗體。而window.XMLHttpRequest代表的是window的一個屬性。
這個是用來區分瀏覽器的，因為在firefox,opera,safiar,IE7.0,IE8.0（我所知道的window對象有這個屬性的瀏覽器）這些瀏覽器中，window是有
XMLHttpRequest這個屬性的，而IE6.0，5.5都是沒有的，IE6.0或5.5是沒有這個屬性的，使用window.ActiveXObject替代。當然前者和后者的
XMLHttpRequest對象生成方式也是不一樣的。
)
)))
