Ajax（異步JavaScript和XML）是一種用于在不重新加載整個頁面的情況下更新網頁內容的技術。它可以通過向服務器發送請求并獲取數據，然后使用Javascript來處理響應，從而實現動態更新網頁內容的效果。直接從數據庫中獲取信息是Ajax的一個重要應用場景，通過使用Ajax，我們可以直接從數據庫中獲取最新的信息并將其展示給用戶，從而提供更好的用戶體驗。

假設我們正在開發一個在線商城網站，其中有一個頁面需要顯示最新的商品信息。傳統的做法是在每次加載該頁面時都向服務器發送請求，然后服務器從數據庫中獲取最新的商品信息，并將其返回給客戶端。這種做法會導致頁面加載時間變長，因為每次都需要重新獲取數據庫中的信息。

通過使用Ajax，我們可以避免每次加載頁面時重新獲取數據庫信息的問題。我們可以通過在頁面加載時發送一個Ajax請求來獲取數據庫中最新的商品信息，并將其存儲在客戶端。這樣，當用戶訪問該頁面時，我們可以直接從存儲在客戶端的信息中獲取最新的商品信息，而無需重新向服務器發送請求。

下面是一個使用Ajax獲取數據庫信息的例子：

function getLatestProducts() {
// 創建一個新的XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的方法和URL
xhr.open("GET", "get_latest_products.php", true);
// 注冊一個回調函數，用于處理響應
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 從響應中獲取最新的商品信息
var products = JSON.parse(xhr.responseText);
// 更新頁面中的商品信息
updateProductList(products);
}
};
// 發送請求
xhr.send();
}
function updateProductList(products) {
// 更新頁面中的商品列表
var productList = document.getElementById("product-list");
for (var i = 0; i< products.length; i++) {
var product = products[i];
// 創建一個新的商品元素，并將其添加到商品列表中
var productElement = document.createElement("li");
productElement.textContent = product.name;
productList.appendChild(productElement);
}
}
// 調用函數以獲取最新的商品信息
getLatestProducts();

在上述例子中，我們首先創建了一個新的XMLHttpRequest對象，并設置了請求的方法和URL。然后，我們注冊了一個回調函數，用于處理服務器響應。在回調函數中，我們解析響應中的商品信息，并調用一個名為updateProductList的函數來更新頁面中的商品列表。最后，我們發送請求，從而觸發整個過程。 通過使用Ajax，我們可以直接從數據庫中獲取最新的商品信息，而無需重新加載整個頁面。這大大提高了網站的性能和用戶體驗，使用戶能夠更輕松地獲取到最新的商品信息。