AJAX（Asynchronous JavaScript and XML）和XMLHttpRequest是一對緊密相關的技術，它們在現代Web應用程序中扮演著重要的角色。AJAX允許瀏覽器在不重新加載整個頁面的情況下與服務器進行通信，從而實現更流暢和動態的用戶體驗。而XMLHttpRequest則是AJAX的核心對象，它允許通過JavaScript發送HTTP請求，并接收服務器返回的數據。

舉個例子，假設我們正在開發一個電子商務網站，在該網站中，我們需要加載商品列表并根據用戶的選擇實時更新價格。如果不使用AJAX和XMLHttpRequest，每當用戶選擇一個商品，我們都需要重新加載整個頁面，這將嚴重影響用戶體驗。然而，通過AJAX和XMLHttpRequest，我們可以在用戶選擇商品時發送異步請求，僅更新相關部分而不會刷新整個頁面。

下面我們來看看XMLHttpRequest如何工作。首先，我們需要創建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

然后，我們可以使用該對象的open()方法指定要發送的HTTP請求的類型、URL和是否異步：

xhr.open('GET', 'https://api.example.com/products', true);

在這個例子中，我們通過GET請求從'api.example.com'獲取商品數據，同時指定請求是異步的，這意味著JavaScript代碼會繼續執行而不會阻塞。

接下來，我們可以通過設置onreadystatechange事件處理程序來監聽請求的狀態變化：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var products = JSON.parse(xhr.responseText);
// 在這里處理返回的數據
}
};

在這個例子中，我們檢查了xhr對象的readyState和status屬性。readyState表示請求的當前狀態，4表示請求已完成。status表示請求的響應狀態碼，200表示成功。只有在readyState為4且status為200時，我們才會處理返回的數據。

最后，我們使用send()方法發送請求：

xhr.send();

以上就是使用XMLHttpRequest完成一個簡單的AJAX請求的過程。

除了GET請求外，XMLHttpRequest還支持其他類型的請求，例如POST、PUT和DELETE。我們只需簡單地修改open()方法的第一個參數即可。

總結起來，AJAX和XMLHttpRequest使得開發者能夠創建更快速、更動態的Web應用程序。通過將異步請求發送到服務器并實時更新頁面，我們可以提供更好的用戶體驗。無論是加載新聞動態、更新社交媒體內容還是查詢實時股票行情，AJAX和XMLHttpRequest都是必不可少的工具。