在現代Web開發中，Ajax（Asynchronous JavaScript and XML）異步請求已經成為了開發者的不可或缺的工具。通過Ajax，我們可以在不刷新整個頁面的情況下，異步請求服務器的數據并將其展示在網頁中。而作為Ajax的核心，XMLHttpRequest（簡稱XHR）對象的使用，更是讓異步請求變得方便快捷。本文將詳細介紹Ajax異步請求，并著重討論XHR對象的使用方法。

在使用Ajax進行異步請求時，我們首先需要創建一個XHR對象。通過創建XHR對象，我們可以發送請求到服務器，獲取服務器返回的數據。一旦我們獲取到服務器返回的數據，我們可以使用XHR對象中的相應屬性和方法來對其進行進一步的處理。

var xhr = new XMLHttpRequest();

假設我們想要獲取一個網頁中的文本內容，我們可以使用XHR對象發送一個GET請求：

xhr.open('GET', 'http://www.example.com', true);
xhr.send();

上述代碼中，我們使用open方法指定了請求的方法（GET）、URL（http://www.example.com）以及是否異步發送請求（true）。然后，我們通過send方法發送了這個請求。在服務器返回數據后，我們可以通過XHR對象的responseText屬性來獲取到服務器返回的文本內容。

xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('請求失敗');
}
}
};

以上代碼中，我們使用了XHR對象的onreadystatechange事件和readyState屬性來判斷請求的狀態。當readyState屬性值等于4時，表示請求已經完成，我們可以通過status屬性判斷請求是否成功。如果status的值是200，表示請求成功，我們可以使用responseText屬性獲取到服務器返回的文本內容。否則，表示請求失敗。

除了GET請求之外，我們還可以使用XHR對象發送POST請求。POST請求通常用于向服務器提交數據，例如表單數據。我們可以通過XHR對象的setRequestHeader方法設置請求頭信息，然后使用send方法發送請求。

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://www.example.com', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=John&age=18');

在上述代碼中，我們通過setRequestHeader方法設置了請求頭信息，表明我們發送的是鍵值對形式的表單數據。然后，我們使用send方法發送請求，并傳遞了一些數據。服務器可以通過POST方法接收到這些數據，并進行相應的處理。

總而言之，Ajax異步請求在現代Web開發中發揮著巨大的作用。通過XHR對象，我們可以輕松地發送異步請求，并獲取服務器返回的數據。無論是獲取文本、圖片還是其他類型的數據，XHR對象都能提供強大的功能和靈活的接口。因此，在掌握了XHR對象的使用方法后，我們可以更加高效地開發出優秀的Web應用。