{{翻* http_request.responseText – 這樣會把傳回值當字串用

• http_request.responseXML – 這樣會把傳回值視為 XMLDocument 物件，而後可用 JavaScript DOM 相關函式處理

第三步 - 萬事俱備 - 簡單範例

好，接著就做一次簡單的 HTTP 範例，演示方才的各項技巧。這段 JavaScript 會向伺服器要一份裡頭有「I'm a test.」字樣的 HTML 文件(test.html)，而後以 alert() 將文件內容列出。

<script type="text/javascript" language="javascript">

    var http_request = false;

    function makeRequest(url) {

        http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = alertContents;
        http_request.open('GET', url, true);
        http_request.send(null);

    }

    function alertContents() {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                alert(http_request.responseText);
            } else {
                alert('There was a problem with the request.');
            }
        }

    }
</script>
<span
    style="cursor: pointer; text-decoration: underline"
    onclick="makeRequest('test.html')">
        Make a request
</span>

在此範例中：

• 首先使用者按下「Make a request」
• 這麼一來就會呼叫 makeRequest() 函式，亦傳入參數值 test.html (也就是那份 HTML 檔的名稱，放在同目錄下)
• 接著發出 request，而後會將主導權交給 onreadystatechange 指定的 alertContents() 函式
• alertContents() 檢查回應是否正常，而後以 alert() 將 test.html 的內容列出

你可以由此測試本例，也可以參考測試檔案。

第四步 – 「X 檔案」（又稱為「處理 XML 回應值」）

前面的例子中，在收到 HTTP 傳回值後我們以物件的 reponseText 屬性使用 test.html 檔案的內容，接著來試試 responseXML 屬性的方法。

首先，我們得做個格式正確的 XML 文件，以便稍後取用。此檔名喚 test.xml，內容如下：

<?xml version="1.0" ?>
<root>
    I'm a test.
</root>

在程式中，我們叫用檔案的地方只須略事修改如下：

...
onclick="makeRequest('test.xml')">
...

接著在 alertContents() 中，我們必須將 alert(http_request.responseText); 改成這樣：

var xmldoc = http_request.responseXML;
var root_node = xmldoc.getElementsByTagName('root').item(0);
alert(root_node.firstChild.data);