AJAX（Asynchronous JavaScript and XML）是一種在網頁上實現后臺數據獲取和更新的技術，能夠在不刷新整個頁面的情況下，通過與服務器的異步通信，實現動態的內容加載和顯示。

假設我們正在開發一個電子商務網站，當用戶瀏覽商品列表時，他們可能需要查看每個商品的詳細信息。傳統的做法是點擊商品鏈接后，整個頁面都會刷新，并加載該商品的詳細信息。這樣做不僅浪費用戶時間，也帶來了不必要的網絡傳輸。而使用AJAX，我們可以實現商品信息的動態加載，并且不對整個頁面進行刷新。

function getProductDetails(productId) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/api/product/" + productId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var product = JSON.parse(xhr.responseText);
// 更新頁面上的商品詳細信息
document.getElementById("product-name").innerHTML = product.name;
document.getElementById("product-price").innerHTML = product.price;
document.getElementById("product-description").innerHTML = product.description;
}
};
xhr.send();
}

在上面的代碼中，我們定義了一個名為getProductDetails的函數，它接受一個參數productId，并通過AJAX請求獲取該商品的詳細信息。我們首先創建一個XMLHttpRequest對象，通過open方法指定HTTP請求的方法、URL和是否異步。然后，我們指定一個回調函數，當請求完成并且返回200狀態碼時，該函數將被調用。在回調函數中，我們解析服務器返回的JSON數據，然后使用getElementById方法獲取頁面上的相關元素，并更新它們的內容為商品的詳細信息。

通過使用AJAX，當用戶點擊某個商品鏈接時，頁面不會刷新，而是動態地從后臺獲取該商品的詳細信息，并更新頁面上的相關內容。這樣一來，用戶可以更快速地瀏覽和比較不同商品的詳細信息，提高了用戶體驗。