JavaScript 設計模式

198

　 　

第八章

遠端操作

現代的網頁應用通常都會使用遠端操作的 script 來和伺服器通訊，而不再重新載入頁面。

這麼做允許了回應性更佳、更類似桌面應用的網頁應用程式。我們來看看用 JavaScript 和

伺服器通訊的幾種方法：[190]

XMLHttpRequest

XMLHttpRequest

是一個特殊的物件，而且是個建構式，在大多數現代的瀏覽器中都可以

使用。它讓你可以在 JavaScript 送出一個 HTTP 請求，發送請求需要三個步驟：

1. 建立一個

XMLHttpRequest

物件，通常簡稱為 XHR。

2. 提供一個回呼函式，當請求物件的狀態改變時可以獲得通知。

3. 送出請求。

第一個步驟很簡單：

但在 IE7 之前的版本，XHR 功能是實作為一個 ActiveX 物件，所以在這裡需要處理

特例。

第二步是對

readystatechange

事件提供回呼：

最後一步是發送請求，這要使用兩個方法，

open()

和

send()

。

open()

方法會設定好

HTTP 請求的方式（例如 GET 或 POST），和 URL。

send()

方法則傳遞任何要 POST 的

資料，或者只是個空字串，如果是用 GET 的話。另外，

open()

的最後一個參數指定了該

請求是否為非同步（asynchronous）。非同步的意思是，瀏覽器不會停止下來等待回應。

這絕對是更好的使用者體驗，所以除非有強烈的反對理由，否則非同步的參數應該總是傳

遞

true

：

下面是一次完 整的工