AJAX（異步 JavaScript 和 XML）是一種在網頁上通過 JavaScript 發起異步請求，并從服務器獲取數據的技術。通過 AJAX，可以實現網頁局部刷新，提升用戶體驗并減少帶寬消耗。在此文章中，我們將探討如何使用 AJAX 獲取對象數據，并將結論以及相關示例進行說明。

使用 AJAX，我們可以從服務器獲取各種類型的數據，包括字符串、JSON、XML 等。其中，獲取對象數據是一種非常常見且實用的需求。例如，我們有一個服務器端接口，用于獲取用戶信息，其返回的數據是一個包含用戶名和年齡的對象。我們可以使用 AJAX 發起請求，獲取該對象數據，并在頁面上展示。

function getUserInfo() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/getUserInfo', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var userInfo = JSON.parse(xhr.responseText);
var username = userInfo.username;
var age = userInfo.age;
document.getElementById('username').innerText = username;
document.getElementById('age').innerText = age;
}
}
xhr.send();
}

在上述代碼中，我們首先創建了一個 XMLHttpRequest 對象，然后使用open方法指定了請求的 URL 和請求的方法（GET）。接著，我們定義了一個onreadystatechange事件處理函數，在函數內部通過xhr.readyState和xhr.status來確定請求的狀態和成功的狀態碼（200）。如果請求成功，我們將通過JSON.parse方法解析返回的 JSON 字符串，得到一個 JavaScript 對象。然后，我們可以直接獲取該對象的屬性，例如用戶名和年齡，并更新頁面上對應的元素。

除了 GET 請求外，我們還可以使用 AJAX 的 POST 請求來獲取對象數據。假設我們有一個登錄表單，用戶輸入用戶名和密碼，我們可以將這些信息發送給后端接口，并獲取用戶的詳細信息。

function login() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
var data = {
username: username,
password: password
};
var xhr = new XMLHttpRequest();
xhr.open('POST', '/login', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var userInfo = JSON.parse(xhr.responseText);
var name = userInfo.name;
var age = userInfo.age;
document.getElementById('name').innerText = name;
document.getElementById('age').innerText = age;
}
}
xhr.send(JSON.stringify(data));
}

上述代碼中，我們通過xhr.setRequestHeader方法設置了請求頭的 Content-Type 為application/json，使后端接口能夠正確地解析發送的數據。然后，我們使用xhr.send方法將轉化為 JSON 字符串的數據發送給后端，并在響應成功時獲取對象數據并更新頁面。

通過以上示例，我們可以清楚地看到如何使用 AJAX 獲取對象數據，并通過 JavaScript 更新頁面的元素。無論是 GET 請求還是 POST 請求，AJAX 創建的請求對象都提供了相應的方法和屬性來處理對象數據。借助 AJAX 技術，我們能夠更加靈活地與服務器進行交互，為用戶提供更好的體驗。