Ajax（Asynchronous JavaScript and XML）是一種用于在Web頁面上實現異步數據交互的技術。通過Ajax，我們可以在不刷新整個頁面的情況下，獲取服務器返回的數據，然后將數據動態地展示在頁面上。

舉例來說，假設我們正在開發一個在線商城的網站。當用戶點擊某個商品的“加入購物車”按鈕時，傳統的做法是刷新整個頁面，在服務器端加入該商品，并重新渲染整個購物車頁面。這樣的做法會帶來不必要的時間和帶寬消耗，并且用戶體驗也不好。

而使用Ajax，我們可以將這個過程改善為：當用戶點擊“加入購物車”按鈕時，頁面會發送一個異步請求給服務器，通知服務器加入該商品。服務器在接收到請求后，會返回一個JSON對象，其中包含了已加入購物車的商品信息。接著，我們可以使用JavaScript將這個JSON對象中的數據動態地展示在頁面上，而不需要刷新整個頁面。

下面是一個簡單的實現Ajax動態展示數據的示例：

// HTML部分加入購物車
// JavaScript部分
function addToCart() {
// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監聽異步請求的狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 請求成功，并且服務器返回了數據
// 解析服務器返回的JSON數據
var response = JSON.parse(xhr.responseText);
// 動態地展示數據
var cartItemsDiv = document.getElementById("cartItems");
var itemHTML = "
";
for (var i = 0; i< response.length; i++) {
itemHTML += "
" + response[i].name + "
";
}
itemHTML += "
";
cartItemsDiv.innerHTML = itemHTML;
}
};
// 發送異步請求
xhr.open("POST", "/addToCart", true);
xhr.send();
}

在上述示例中，當用戶點擊“加入購物車”按鈕時，JavaScript代碼會創建一個XMLHttpRequest對象，并通過該對象發送一個異步請求給服務器。服務器在接收到請求后，會在數據庫中將商品添加到購物車，并返回已加入購物車的商品信息。

然后，JavaScript會監聽這個異步請求的狀態變化。當XMLHttpRequest對象的readyState屬性值為4（請求已完成）且status屬性值為200（請求成功）時，表示服務器已經返回了數據。這時，我們就可以解析服務器返回的JSON數據，然后使用JavaScript動態地將這些數據展示在頁面上。

總的來說，Ajax技術能夠幫助我們實現動態地展示數據，提升用戶的使用體驗。無論是在在線商城中展示購物車的內容，還是在社交網站中展示動態更新的信息，都可以通過Ajax實現。