AJAX（Asynchronous JavaScript and XML）是一種在網頁中進行數據傳輸和異步加載的技術。通過AJAX，我們可以在不刷新整個頁面的情況下，從服務器獲取數據并將其顯示在網頁上。這在顯示列表數據時尤為有用，因為我們可以實時更新列表中的項目而不中斷用戶的瀏覽體驗。

假設我們正在開發一個電商網站，需要顯示一個商品列表。在傳統的網頁開發中，當用戶瀏覽到商品列表頁面時，需要進行一次完整的頁面刷新來獲取最新的數據進行展示。然而，這種方式會導致整個頁面的重新加載，給用戶帶來不必要的等待時間。

使用AJAX技術，我們可以在用戶打開商品列表頁面時，通過后臺接口異步請求最新的商品數據，然后將數據通過JavaScript動態地插入到網頁中。這樣，用戶將立即看到部分商品數據，并且在后續數據加載完成后還能看到其他商品。

// HTML代碼
<div id="productList"></div>
// JavaScript代碼
function showProductList() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("productList").innerHTML = this.responseText;
}
};
xhttp.open("GET", "api/getProductList", true);
xhttp.send();
}
window.onload = function() {
showProductList();
};

上述代碼中，我們首先在HTML中創建了一個用于展示商品列表的div元素。然后，在JavaScript中定義了一個名為showProductList的函數，該函數使用XMLHttpRequest對象向后臺發送GET請求，獲取商品列表數據。當請求的狀態為4（請求已完成）且狀態碼為200（請求成功）時，將獲取到的數據通過innerHTML屬性插入到商品列表div元素中。

在頁面加載完成后，我們調用showProductList函數來獲取并顯示商品列表數據。由于使用了AJAX技術，商品列表將會實時顯示在網頁上，而用戶無需等待整個頁面完全重新加載。這樣的實時更新效果可以提升用戶的瀏覽體驗，并讓他們能夠快速瀏覽和選擇感興趣的商品。

在此基礎上，我們可以進一步優化列表的顯示方式。例如，可以通過增加“加載更多”按鈕來實現分頁加載。當用戶瀏覽到列表的底部時，點擊“加載更多”按鈕將會觸發一次AJAX請求，獲取下一頁的商品數據并追加到原有列表中。這樣，用戶可以不斷地點擊按鈕來加載更多的商品數據，而不需要離開當前頁面或等待整個頁面的重新加載。

總之，AJAX技術在顯示列表數據方面起到了重要的作用。它通過異步加載和動態更新數據，給用戶帶來了更流暢和高效的瀏覽體驗。無論是電商網站還是其他類型的網站，都可以通過AJAX來實現列表數據的實時更新，以提升用戶滿意度。