AJAX（Asynchronous JavaScript and XML）是一種用于在Web頁面上更新數據的技術，它允許用戶在不重新加載整個頁面的情況下與服務器進行交互。XMLHttpRequest對象是實現AJAX的核心，它提供了與服務器進行異步通信的方法和屬性。在MDN（Mozilla Developer Network）上有關于AJAX API的文檔，它詳細描述了如何使用Ajax技術來實現各種功能。

舉一個使用Ajax API的例子，假設我們正在構建一個在線購物網站。當用戶瀏覽某個商品的詳細信息頁面時，我們希望能夠動態地加載該商品的評論。這時，我們可以使用Ajax技術來實現。通過在頁面加載時使用XMLHttpRequest對象發送異步請求，我們可以從服務器獲取商品評論的數據，并將其顯示在頁面上，而不需要重新加載整個頁面。

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/comments?productId=123', true);
xhr.onload = function() {
if (xhr.status === 200) {
let comments = JSON.parse(xhr.responseText);
// 在頁面上動態顯示評論
}
};
xhr.send();

上面的代碼首先創建了一個XMLHttpRequest對象，并使用open方法指定了GET請求的URL和是否異步。然后，我們定義了一個回調函數，當請求完成時被調用。在這個回調函數中，我們首先檢查響應狀態，如果返回200，表示成功獲取了評論數據，我們可以通過JSON.parse方法將響應的文本轉換為JSON對象，并在頁面上動態顯示評論。

除了GET請求，我們還可以使用XMLHttpRequest對象發送其他類型的請求，比如POST請求。舉個例子，假設我們的購物網站有一個用戶登錄表單，當用戶填寫用戶名和密碼后點擊登錄按鈕時，我們需要將表單數據發送給服務器進行驗證。這時，我們可以使用POST請求來實現。

let xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api/login', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onload = function() {
if (xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
if (response.success) {
// 登錄成功，跳轉到用戶首頁
} else {
// 顯示登錄失敗的提示信息
}
}
};
let data = 'username=' + encodeURIComponent(username) + '&password=' + encodeURIComponent(password);
xhr.send(data);

在這個例子中，我們首先創建了一個XMLHttpRequest對象，并使用open方法指定了POST請求的URL和是否異步。然后，我們通過setRequestHeader方法設置了請求頭，設置Content-Type為application/x-www-form-urlencoded，表示我們將發送表單數據。同樣，我們定義了一個回調函數，在請求完成后進行處理。在這個回調函數中，我們首先檢查響應狀態，如果返回200，表示請求成功，我們可以通過JSON.parse方法將響應的文本轉換為JSON對象。如果服務器返回的JSON對象中的success屬性為true，表示登錄成功，我們可以進行相應的后續操作。否則，我們可以顯示登錄失敗的提示信息。

AJAX API在Web開發中扮演了重要的角色，它使得我們能夠實現各種強大的功能，提升用戶體驗。通過使用XMLHttpRequest對象，我們可以與服務器進行異步通信，并根據需要更新頁面上的數據，而無需重新加載整個頁面。這為我們構建交互式和動態的Web應用提供了無限的可能性。