在現代的網頁開發中，Ajax(Asynchronous JavaScript and XML)是很常見的技術。通過使用Ajax，我們可以在不刷新整個網頁的情況下，向服務器發送請求并在網頁上更新數據，提供了更好的用戶體驗。在Ajax中，XMLHttpRequest對象（簡稱XHR）起著關鍵作用。XHR是通過JavaScript代碼創建的，它允許我們與服務器進行異步通信，從而實現網頁的動態更新。

在使用XHR時，我們首先需要創建一個XHR對象。例如，下面的代碼使用XHR對象從服務器獲取一個文本文件的內容：

var xhr = new XMLHttpRequest();
xhr.open("GET", "text-file.txt", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();

在上面的例子中，我們首先創建了一個新的XHR對象，并使用open方法來指定請求的方法（這里使用GET方法），以及請求的URL（這里是"text-file.txt"文件）。第三個參數設置為true表示我們希望進行異步請求。

之后，我們使用onreadystatechange事件處理程序來監聽XHR對象的狀態變化。在XHR對象的readyState屬性發生改變時，onreadystatechange事件會被觸發。當readyState的值等于4時，并且status的值等于200時，說明請求已經成功完成，我們可以通過responseText屬性獲取服務器返回的內容，并在控制臺上輸出文本文件的內容。

另外一個常見的用例是通過XHR對象將表單數據發送到服務器。例如，下面的代碼將一個表單的數據發送給服務器：

var form = document.getElementById("myForm");
var xhr = new XMLHttpRequest();
xhr.open("POST", "submit-form.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
var data = new FormData(form);
xhr.send(data);

在上面的代碼中，我們首先通過getElementById方法獲取了名為"myForm"的表單元素。然后，創建了一個新的XHR對象，并使用open方法指定請求的方法（這里使用POST方法），以及請求的URL（這里是"submit-form.php"文件）。同樣地，我們設置第三個參數為true，表示異步請求。

然后，我們使用onreadystatechange事件處理程序監聽XHR對象的狀態變化，當readyState等于4且status等于200時，說明請求已經成功完成，我們可以通過responseText屬性獲取服務器返回的數據，并在控制臺上輸出結果。

接下來，我們創建了一個新的FormData對象，并將表單元素作為參數傳遞給該對象。最后，我們使用send方法將FormData對象發送到服務器。

通過以上的例子，我們可以看到XHR的確是一個非常強大且靈活的工具，它可以用于各種不同的用例，包括獲取文本文件的內容，發送表單數據等。通過使用XHR，我們可以實現網頁與服務器之間的實時數據交互，提供更加豐富的用戶體驗。