AJAX（Asynchronous JavaScript and XML）即異步的 JavaScript 和 XML，是一種在不刷新整個頁面的情況下，通過后臺與服務器進行數據交互的技術。它可以實現網頁的局部更新和實時加載數據，提升用戶體驗。

在許多 Web 應用中，常常需要從數據庫中讀取信息，并將其展示給用戶。使用 AJAX 技術可以實現實時讀取數據庫信息，并將其動態展示給用戶，而無需刷新整個頁面。

例如，假設我們有一個在線商城的商品列表頁面，我們希望實時顯示每個商品的庫存數量。在傳統的 Web 應用中，當用戶查看商品列表時，頁面會一次性加載所有商品的信息，并展示給用戶。然而，如果有多個用戶同時查看商品列表，庫存發生變化時，其他用戶無法實時得知更新后的庫存信息。

使用 AJAX 技術，我們可以實現實時讀取數據庫中商品庫存的信息，并動態更新到頁面上。當某個用戶查看商品列表時，頁面加載完成后，我們可以通過 AJAX 請求向后臺發送請求，后臺返回最新的商品庫存數據。通過 JavaScript 操作 DOM，將最新的庫存信息動態展示給用戶。這樣，不論其他用戶是否有對商品庫存的更新操作，該用戶都能實時得知最新的庫存信息。

// JavaScript 代碼示例
function updateStock() {
// 發送 AJAX 請求
var xhr = new XMLHttpRequest();
xhr.open("GET", "/getStock", true);
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 獲取返回的庫存數據
var stockData = JSON.parse(xhr.responseText);
// 更新頁面上的庫存信息
document.getElementById("stockInfo").innerHTML = stockData.stock;
}
};
xhr.send();
}
// 頁面加載完成后調用函數
window.addEventListener("load", updateStock);

上述代碼示例中，我們定義了一個名為 updateStock 的函數，該函數用于發送 AJAX 請求，獲取最新的庫存數據，并將其更新到頁面中 id 為 stockInfo 的元素中。

當頁面加載完成后，我們使用 JavaScript 的 window.addEventListener 方法在頁面上注冊一個 load 事件的監聽器。當頁面加載完成時，該監聽器會自動調用 updateStock 函數。

在 updateStock 函數中，我們使用 XMLHttpRequest 對象創建一個 AJAX 請求，向后臺的 /getStock 路徑發送 GET 請求。當請求的狀態改變時，我們會通過回調函數獲取到請求的返回數據，通過操作 DOM 將最新的庫存信息更新到頁面中。

通過類似的方式，我們可以實時讀取數據庫中的其他信息，并動態展示給用戶。比如，在一個社交網絡中，我們可以實時讀取用戶的好友請求，并在頁面的消息提醒中展示給用戶；在一個在線聊天應用中，我們可以實時讀取聊天記錄，并將它們動態加載到頁面中。

總之，使用 AJAX 技術可以實現實時讀取數據庫信息，并將其動態展示給用戶。這種技術可以提升用戶體驗，使用戶能夠實時獲取最新的數據，而無需刷新整個頁面。