AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個網頁的情況下，利用JavaScript和XML來實現數據交互的技術。它的主要優勢在于可以異步地從服務器獲取數據，并在不干擾用戶當前操作的情況下刷新網頁的一部分內容。當服務器返回的數據是一個對象時，我們可以通過使用JavaScript來操作這個對象，實現豐富的數據處理和頁面更新效果。

假設我們正在開發一個在線購物網站，用戶可以通過商品列表選擇自己感興趣的商品，當用戶點擊某個商品查看詳細信息時，我們可以使用AJAX來請求服務器端返回這個商品的對象。比如：

var xhr = new XMLHttpRequest(); 
xhr.open('GET', '/getProduct?id=123', true); 
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () { 
if (xhr.readyState == 4 && xhr.status == 200) { 
var product = JSON.parse(xhr.responseText); 
// 在這里操作返回的product對象
} 
}; 
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，并使用open方法指定了請求的URL以及異步請求的方式。然后，我們設置了請求頭的Content-Type屬性，表示請求的數據格式為x-www-form-urlencoded，也可以根據實際情況設置為其他合適的值。接著，我們通過onreadystatechange事件來監聽服務器的響應。當請求狀態碼為4（表示請求已完成）并且響應狀態碼為200（表示請求成功）時，我們通過JSON.parse方法將服務器返回的JSON字符串解析為一個JavaScript對象，然后可以在這個對象上進行操作。

返回的product對象可以包含商品的各種屬性，比如商品名稱、價格、描述等。我們可以根據需要使用JavaScript來讀取和修改這些屬性，以實現多樣化的效果。比如，我們可以將商品信息動態地展示在頁面中：

<div id="product-info"></div>
<script>
var productInfoDiv = document.getElementById("product-info");
// 獲取商品信息
var xhr = new XMLHttpRequest();
xhr.open('GET', '/getProduct?id=123', true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var product = JSON.parse(xhr.responseText);
// 將商品信息顯示在頁面中
productInfoDiv.innerHTML = "商品名稱：" + product.name + "<br>" +
"價格：" + product.price + "<br>" +
"描述：" + product.description;
}
};
xhr.send();
</script>

在上面的例子中，我們首先通過getElementById方法獲取到一個DOM元素，可以是一個div標簽、一個p標簽或者其他合適的元素。然后，在AJAX請求的回調函數中，我們通過innerHTML屬性設置該元素的內容。我們可以通過product對象的屬性來動態地組裝展示在頁面中的內容，使其與商品的真實信息保持同步更新。

除了展示商品信息，我們還可以通過操作product對象來實現其他功能。比如，判斷商品是否在庫存中：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/getProduct?id=123', true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var product = JSON.parse(xhr.responseText);
if (product.quantity > 0) {
console.log("商品在庫存中");
} else {
console.log("商品已售罄");
}
}
};
xhr.send();

在上述代碼中，我們根據返回的product對象的quantity屬性來判斷商品是否在庫存中。如果quantity大于0，則表示商品在庫存中，否則表示商品已售罄。

通過AJAX返回的對象，我們可以輕松地操作服務器返回的數據，并靈活地將其展示在頁面中，實現豐富的效果和功能。無需刷新整個頁面，用戶可以在瀏覽商品時獲得更流暢和便捷的體驗。