使用 XMLHttpRequest 物件傳送的簡單 Ajax 請求

var httpRequest = new XMLHttpRequest();

httpRequest.onreadystatechange = getData;

httpRequest.open('GET', 'https://url/to/some.file', true);
httpRequest.send();

function getData(){
    if (httpRequest.readyState === XMLHttpRequest.DONE) {
        alert(httpRequest.responseText);
    }
}

new XMLHttpRequest() 建立一個新的 XMLHttpRequest 物件 - 這是我們傳送請求的內容

onreadystatechange 位告訴我們每次狀態改變時都要呼叫 getData() 的請求

.open() 建立我們的請求 - 這需要一個請求方法 （’ GET ‘，’ POST ‘等），你正在查詢的頁面的 URL，以及可選的請求是否應該是非同步的

.send() 傳送我們的請求 - 這可選擇接受資料傳送到伺服器，如 .send(data)

最後，getData() 是我們所說的每次請求狀態發生變化時應該呼叫的函式。如果 readyState 等於 **DONE，**則它會警告 responseText，這只是從伺服器收到的資料。

有關詳細資訊，請參閱 MDN 入門指南 。