Ajax 教程
XMLHttpRequest 對象用于和服務(wù)器交換數(shù)據(jù)。
當你的頁面全部加載完畢后，客戶端會通過 XMLHttpRequest 對象向服務(wù)器請求數(shù)據(jù)，服務(wù)器端接受數(shù)據(jù)并處理后，向客戶端反饋數(shù)據(jù)。
如需將請求發(fā)送到服務(wù)器，我們使用 XMLHttpRequest 對象的 open() 和 send() 方法：
| 方法 | 描述 |
|---|---|
| open(method,url,async) |
規(guī)定請求的類型、URL 以及是否異步處理請求。
|
| send(string) |
將請求發(fā)送到服務(wù)器。
|
與 POST 相比，GET 更簡單也更快，并且在大部分情況下都能用。
然而，在以下情況中，請使用 POST 請求：
一個簡單的 GET 請求：
在上面的例子中，您可能得到的是緩存的結(jié)果。
為了避免這種情況，請向 URL 添加一個唯一的 ID：
如果您希望通過 GET 方法發(fā)送信息，請向 URL 添加信息：
提示：GET請求具有以下的幾個特點：
一個簡單 POST 請求：
如果需要像 HTML 表單那樣 POST 數(shù)據(jù)，請使用 setRequestHeader() 來添加 HTTP 頭。然后在 send() 方法中規(guī)定您希望發(fā)送的數(shù)據(jù)：
| 方法 | 描述 |
|---|---|
| setRequestHeader(header,value) |
向請求添加 HTTP 頭。
|
提示：POST請求的特點如下：
open() 方法的 url 參數(shù)是服務(wù)器上文件的地址：
該文件可以是任何類型的文件，比如 .txt 和 .xml，或者服務(wù)器腳本文件，比如 .asp 和 .php （在傳回響應(yīng)之前，能夠在服務(wù)器上執(zhí)行任務(wù)）。
AJAX 指的是異步 JavaScript 和 XML（Asynchronous JavaScript and XML）。
XMLHttpRequest 對象如果要用于 AJAX 的話，其 open() 方法的 async 參數(shù)必須設(shè)置為 true：
對于 web 開發(fā)人員來說，發(fā)送異步請求是一個巨大的進步。很多在服務(wù)器執(zhí)行的任務(wù)都相當費時。AJAX 出現(xiàn)之前，這可能會引起應(yīng)用程序掛起或停止。
通過 AJAX，JavaScript 無需等待服務(wù)器的響應(yīng)，而是：
當使用 async=true 時，請規(guī)定在響應(yīng)處于 onreadystatechange 事件中的就緒狀態(tài)時執(zhí)行的函數(shù)：
您將在稍后的章節(jié)學習更多有關(guān) onreadystatechange 的內(nèi)容。
如需使用 async=false，請將 open() 方法中的第三個參數(shù)改為 false：
xmlhttp.open("GET","test1.txt",false);我們不推薦使用 async=false，但是對于一些小型的請求，也是可以的。
請記住，JavaScript 會等到服務(wù)器響應(yīng)就緒才繼續(xù)執(zhí)行。如果服務(wù)器繁忙或緩慢，應(yīng)用程序會掛起或停止。
注意：當您使用 async=false 時，請不要編寫 onreadystatechange 函數(shù) - 把代碼放到 send() 語句后面即可：