AJAX是一種基于JavaScript的技術，它允許在不刷新整個頁面的情況下與服務器進行異步通信。在Web應用程序開發中，AJAX通過在后臺與服務器進行數據交換，可以使網頁保持流暢、快速響應。而在AJAX中起到關鍵作用的是XMLHttpRequest對象。

XMLHttpRequest對象是AJAX的核心，它使得瀏覽器能夠向服務器發送HTTP請求并接收服務器返回的數據。通過XMLHttpRequest對象，可以在后臺與服務器進行通信，而不會影響到用戶當前正在瀏覽的頁面。舉個例子，當用戶在網頁上點擊某個按鈕后，頁面不會立即跳轉到一個新鏈接，而是通過XMLHttpRequest對象向服務器發送請求，獲取數據并更新頁面的部分內容。這樣，用戶就能夠享受到無刷新的體驗。

<script>
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方式和URL
xhr.open("GET", "http://example.com/data", true);
// 發送請求
xhr.send();
// 監聽請求狀態
xhr.onreadystatechange = function() {
// 當請求完成且響應已就緒時
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理返回的數據
var data = xhr.responseText;
// 更新頁面內容
document.getElementById("result").innerHTML = data;
}
};
</script>

上述代碼演示了如何使用XMLHttpRequest對象發送GET請求并處理響應的過程。首先，通過xhr.open()方法設置請求方式和URL。然后，通過xhr.send()方法發送請求。最后，通過xhr.onreadystatechange事件監聽請求狀態，并在狀態為4且響應狀態為200時處理返回的數據。

此外，XMLHttpRequest對象還支持發送POST請求，傳輸數據更安全的方式。舉個例子，當用戶在網頁上提交表單時，可以使用XMLHttpRequest對象將表單數據發送到服務器進行處理，而無需重新加載整個頁面。以下是一個發送POST請求的示例代碼。

<script>
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/submit", true);
// 設置請求頭
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// 構建要發送的數據
var data = "name=John&age=25";
xhr.send(data);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
console.log(response);
}
};
</script>

在以上代碼中，通過xhr.open()方法設置請求方式為POST，并指定要發送的URL。然后，通過xhr.setRequestHeader()方法設置請求頭，告知服務器發送的數據類型為表單數據。接下來，通過xhr.send()方法將構建好的表單數據發送到服務器。最后，監聽請求狀態并處理響應的數據。

通過XMLHttpRequest對象，我們可以實現與服務器的異步通信，實現無刷新的頁面更新。它在Web開發中具有廣泛的應用，如實時聊天、動態數據加載、表單提交等。因此，掌握XMLHttpRequest對象的使用對于開發現代Web應用程序至關重要。