AJAX（Asynchronous JavaScript And XML）是一種用于實現異步數據交互的技術，通過AJAX可以在不刷新整個頁面的情況下更新部分頁面內容。在AJAX中，核心對象是XMLHttpRequest（XHR）對象，它負責發起HTTP請求并接收服務器返回的數據。XHR對象的出現使得使用JavaScript可以實現與服務器進行數據交互的功能，而不需要整個頁面的刷新。

XHR對象最早被引入到JavaScript中是用于實現以XML格式傳輸數據的功能，所以在命名中有“XML”的含義。但是隨著技術的發展，XHR對象可以處理各種類型的數據，包括普通文本、HTML、JSON等，所以實際開發中并不一定要使用XML格式的數據。

使用XHR對象進行數據交互的過程包括以下幾個步驟：

1. 創建XHR對象：通過new關鍵字創建一個XHR對象。

var xhr = new XMLHttpRequest();

2. 設置回調函數：對于服務器返回的數據，我們需要在XHR對象接收完畢后進行處理，這時候可以設置一個回調函數。

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};

3. 打開連接：通過open方法打開一個與服務器的連接，該方法接收三個參數，分別是HTTP請求方法、請求的URL、是否異步（可選，默認為true）。

xhr.open('GET', 'example.com', true);

4. 發送請求：通過send方法發送請求，如果是POST請求，可以將數據作為參數傳入send方法。

xhr.send('data');

5. 處理服務器返回的數據：在回調函數中可以處理服務器返回的數據，其中xhr.readyState表示請求狀態，xhr.responseText表示服務器返回的數據。

例如，我們可以使用AJAX實現一個實時天氣更新的功能。通過XHR對象向天氣接口發送請求，獲取最新的天氣數據，并將數據展示在頁面中的特定位置，而不需要刷新整個頁面。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
document.getElementById('weather').innerHTML = '當前天氣：' + data.weather;
}
};
xhr.open('GET', 'weather-api.com', true);
xhr.send();

在上述代碼中，我們通過XHR對象向天氣接口發送GET請求，然后在回調函數中將獲取到的天氣數據解析，并更新到頁面的特定位置。這樣用戶就可以實時獲取最新的天氣信息，而不需要刷新整個頁面。

通過上述例子可以看出，XHR對象作為AJAX的核心對象，在實現異步數據交互的過程中起著關鍵的作用。它實現了與服務器的連接、數據的發送和接收，并通過回調函數將服務器返回的數據實時更新到頁面中。有了XHR對象，我們可以輕松地實現各種實時數據更新的功能，提升用戶體驗。