AJAX (Asynchronous JavaScript and XML) 是一種利用 JavaScript 和 XML 進行異步通信的技術。在網頁開發中，常常需要通過異步請求數據，以實現頁面的動態展示和數據交互。AJAX 的優勢在于無需刷新整個頁面，只需要更新部分內容，為用戶提供更好的體驗。

通過 AJAX 異步請求數據，可以實現諸如自動補全、數據驗證、實時搜索等功能。舉個例子，假設我們正在開發一個電商網站，在用戶輸入搜索關鍵詞時，我們需要向服務器端發送異步請求，獲取匹配該關鍵詞的商品列表，并將其展示在頁面中。這樣，用戶在輸入關鍵詞時，頁面會自動顯示相關的商品列表，無需刷新整個頁面。

var keyword = "iphone"; // 用戶輸入的搜索關鍵詞
var url = "https://example.com/api/search?keyword=" + keyword; // 請求的 URL
// 創建 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 設置回調函數，處理請求成功后的操作
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = xhr.responseText;
// 解析響應數據，并將商品列表展示在頁面中
displayProducts(response);
} else {
showError("請求出錯");
}
}
};
// 發送異步請求
xhr.open("GET", url, true);
xhr.send();

在上述代碼中，我們首先定義了搜索關鍵詞和請求的 URL。然后，創建 XMLHttpRequest 對象，并設置其 onreadystatechange 屬性，該屬性為一個回調函數，用于在請求狀態改變時觸發。當請求狀態為 XMLHttpRequest.DONE 且響應狀態碼為 200 時，表示請求成功。我們可以通過 xhr.responseText 獲取服務器返回的響應數據，并調用 displayProducts 函數將商品列表展示在頁面中。

另外，我們還設置了請求方法為 GET，這表示我們將向服務器發送一條獲取數據的請求。此外，設置最后一個參數為 true，表示采用異步方式發送請求，以免阻塞頁面的運行。如果將最后一個參數設置為 false，則表示采用同步方式發送請求，頁面會在請求完成后才進行其他操作。

除了 GET 請求，我們還可以使用 POST 請求。POST 請求更安全，可以用于傳遞敏感數據，例如用戶密碼。下面是一個使用 POST 請求異步獲取數據的例子：

var username = "exampleuser";
var password = "123456";
var url = "https://example.com/api/login";
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = xhr.responseText;
// 處理登錄成功后的操作
handleLoginSuccess(response);
} else {
showError("登錄失敗");
}
}
};
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify({ username: username, password: password }));

上述代碼中，我們首先定義了用戶名和密碼，并設置請求的 URL。然后，創建 XMLHttpRequest 對象，并設置其 onreadystatechange 屬性。當請求狀態為 XMLHttpRequest.DONE 且響應狀態碼為 200 時，表示請求成功。我們可以通過 xhr.responseText 獲取服務器返回的響應數據，并調用 handleLoginSuccess 函數執行登錄成功后的操作。

同時，我們還設置了請求方法為 POST，并通過 setRequestHeader 方法設置請求頭，指定請求體的數據類型為 JSON。通過 JSON.stringify 將包含用戶名和密碼的對象轉換成 JSON 字符串，并作為請求體發送給服務器。

AJAX 異步請求數據是現代網頁開發中的常用技術，通過通過異步請求數據，我們可以實現動態加載頁面內容、實時交互和與服務器的數據交互等功能。無論是使用 GET 還是 POST 請求，我們都可以通過 XMLHttpRequest 對象來發送和接收數據，并在請求完成后對響應進行處理。這樣一來，用戶在使用網站時會獲得更流暢和便捷的體驗。