[JS] AJAX GET and POST HTTP request (III)

接著上兩篇文章：
1. AJAX GET and POST HTTP request (I)
2. AJAX GET and POST HTTP request (II)

這一次，要講的是XMLHTTPRequest這個物件。

XMLHTTPRequest這個物件它有6種方法：

a). abort()：取消目前執行中的請求。

b). getAllResponseHeaders()：傳回一個字串，其中包含所有請求表頭的名稱與數值。

c). getResponseHeader(name)：傳回指定的名稱對應的數值。

d). open(method, url, async, username, password)：
  -method：設定HTTP Request的方法，"GET"或是"POST"。
  -url：要接收HTTP Request處理的程序網址。
  -async：是否為非同步傳送；true為非同步，false為同步。
  -username, password：假如後端伺服器的驗證需要帳密則輸入，否則可省略。

e). send(content)：以指定的本體內容初始請求。

f). setRequestHeader(name, value)：以指定的名稱與數值設定請求封包的表頭。

XMLHTTPRequest這個物件也有6種特性：

1). onreadystatuchange：指定在請求狀態改變時的事件處理器。

2). readyState：表示目前請求狀態的一個整數值，如下：
 0 - 未傳送。
 1 - 已開啟。
 2 - 收到表頭。
 3 - 載入中。
 4 - 完成。

3). responseText：傳回的回應本體內容。

4). responseXML：如果回應本體內容為XML，則為從本體內容建立的XML DOM。

5). status：從後端伺服器傳回的回應狀態碼。例如：200表示請求成功；404表示找不到等等。完整的HTTP狀態碼請參閱規格書。

6). statusText：回應所傳回的狀態文字訊息。

看完了這6種方法和特性之後，再回過頭看程式碼，就比較容易理解程式碼在寫些什麼。

接下來，我們再用工具來分析一下執行結果。

(To be continue....)