AJAX（Asynchronous JavaScript and XML）是一種可以在不重新加載整個網頁的情況下，實現與服務器進行數據交互的技術。通過使用AJAX，我們可以在用戶與網頁交互的同時，異步地獲取數據庫中的數據并將其展示給用戶。本文將介紹如何使用AJAX實現獲取數據庫數據的功能，以及通過具體的示例來說明其使用方法。

假設我們正在開發一個在線商城的網站，其中一個功能是展示熱銷商品列表。每當用戶進入網站時，我們希望能夠異步地從數據庫中獲取最新的熱銷商品數據，而無需刷新整個頁面。通過使用AJAX，我們可以實現這一功能，并且給用戶更好的體驗。

首先，我們需要編寫一個JavaScript函數，該函數將使用AJAX從服務器獲取數據庫中的數據。我們可以使用原生的XMLHttpRequest對象來實現AJAX請求，也可以使用像jQuery這樣的庫來簡化代碼。

function getHotProducts() {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理服務器返回的數據
var response = JSON.parse(xhr.responseText);
// 在頁面中展示數據
var productList = document.getElementById("product-list");
productList.innerHTML = "";
for (var i = 0; i < response.length; i++) {
var product = response[i];
var productItem = document.createElement("li");
// 設置商品信息
productItem.innerHTML = product.name + " - " + product.price;
productList.appendChild(productItem);
}
}
};
// 發送AJAX請求
xhr.open("GET", "/api/hot-products", true);
xhr.send();
}

在上述代碼中，getHotProducts函數創建了一個XMLHttpRequest對象，然后設置了回調函數來處理服務器返回的數據。在回調函數中，我們首先將服務器返回的數據解析為JSON格式，然后使用這些數據在頁面中動態地生成熱銷商品列表。

為了提供服務器端數據，我們還需要創建一個API來從數據庫中獲取熱銷商品數據。以下是一個使用Node.js和Express框架的示例：

var express = require("express");
var app = express();
// 獲取熱銷商品數據的API
app.get("/api/hot-products", function(req, res) {
// 讀取數據庫中的數據
var hotProducts = db.getHotProducts();
// 將數據發送回客戶端
res.send(hotProducts);
});
app.listen(3000, function() {
console.log("Server is running on port 3000");
});

在上述代碼中，我們創建了一個API路徑為"/api/hot-products"，當客戶端發送GET請求到該路徑時，服務器會讀取數據庫中的熱銷商品數據，并將其發送回客戶端。

通過上述的代碼示例，我們可以看到如何使用AJAX從數據庫中獲取數據，并在頁面中展示這些數據。通過異步地獲取數據，我們可以提高網站的性能和用戶體驗，使用戶能夠快速地瀏覽最新的商品信息。