AJAX（Asynchronous JavaScript and XML）是一種使網頁能夠實現異步數據交互的技術。它可以動態地讀取和顯示來自服務器的數據，而無需刷新整個頁面。通過AJAX的應用，用戶可以在網頁上無縫地獲取最新的信息，提高用戶體驗。

在一個在線購物網站中，當用戶選擇某個商品的數量并點擊購買按鈕時，頁面需要根據用戶的選擇，動態地更新購物車信息。傳統的方法是用戶點擊購買按鈕后，頁面會刷新，重新加載購物車頁面以顯示最新的商品數量和總價。

使用AJAX，我們可以通過JavaScript的XMLHttpRequest對象異步地向服務器發送請求，獲取最新的購物車信息，并在頁面上實時顯示。以下是一個使用AJAX讀取購物車信息的例子：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 解析服務器返回的購物車信息
var cartInfo = JSON.parse(response);
// 在頁面上顯示購物車信息
document.getElementById("cart-items").innerHTML = cartInfo.items;
document.getElementById("cart-total").innerHTML = cartInfo.total;
}
};
// 發送AJAX請求
xhr.open("GET", "getCartInfo.php", true);
xhr.send();

在上面的代碼中，我們創建了一個XMLHttpRequest對象，并設置了其onreadystatechange屬性的回調函數。當服務器返回響應時，回調函數會被觸發。我們通過xhr.readyState屬性的值來判斷請求的狀態，xhr.status屬性的值來判斷響應的狀態。

當請求的狀態為4（已完成）且響應的狀態為200（請求成功）時，我們解析服務器返回的響應文本（JSON格式），并將購物車信息顯示在頁面上。

在購物車頁面的HTML代碼中，我們可以將購物車信息的顯示位置預留出來：

通過上述步驟，我們可以實現動態地更新購物車信息，而無需刷新整個頁面。用戶可以持續地添加或刪除商品，并立即看到購物車中的最新狀態。

除了購物車信息，AJAX還可以用于讀取和顯示其他類型的數據庫內容。例如，在一個社交媒體應用中，用戶可以查看動態消息流，通過使用AJAX動態地獲取最新的社交動態，而無需刷新頁面。這樣，用戶可以在無縫瀏覽社交媒體內容的同時保持與其他用戶的互動。

總而言之，AJAX是一種強大的技術，它使網頁能夠實現動態讀取數據庫，并實時地更新相關信息。通過使用AJAX，我們可以提升網站的用戶體驗，使用戶能夠無縫地獲取最新的數據。無論是電子商務網站、社交媒體應用還是其他類型的網站，AJAX都可以為用戶提供更加流暢、高效的用戶體驗。