AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載整個頁面的情況下異步獲取數據的技術。在網頁開發中，常常需要從數據庫中獲取數據并將其展示在頁面上。使用AJAX可以非常方便地實現這一功能，提升用戶體驗。

AJAX可以通過向后端發送HTTP請求，并接收返回的數據，實現與數據庫的交互。常見的請求類型包括GET、POST、PUT和DELETE。下面以一個商品列表的案例來介紹如何使用AJAX從數據庫中獲取數據。

// JavaScript代碼
function getProducts() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/products', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var products = JSON.parse(xhr.responseText);
displayProducts(products);
}
};
xhr.send();
}
function displayProducts(products) {
var productList = document.getElementById('product-list');
productList.innerHTML = '';
products.forEach(function(product) {
var li = document.createElement('li');
li.textContent = product.name + ' - ' + product.price;
productList.appendChild(li);
});
}

在上述代碼中，首先創建了一個XMLHttpRequest對象xhr，并通過open方法指定請求的類型（GET）、URL（/api/products）以及是否進行異步處理（true）。

接著，定義了一個回調函數xhr.onreadystatechange，它會在請求狀態發生變化時被觸發。當readyState為4（請求已完成）且status為200（請求成功）時，說明數據已成功返回，解析響應中的JSON數據，并調用displayProducts函數將數據顯示在頁面上。

以上的HTML代碼定義了一個無序列表，用于展示商品列表。使用displayProducts函數動態地將獲取的商品數據添加到列表中。

在后端，我們可以使用各種技術來實現與數據庫的交互。比如，使用PHP來處理AJAX請求，并從數據庫中查詢數據，再以JSON格式返回給前端。

// PHP代碼connect_error) {
die("連接數據庫失?。? . $conn->connect_error);
}
$sql = "SELECT id, name, price FROM products";
$result = $conn->query($sql);
if ($result->num_rows >0) {
$products = array();
while($row = $result->fetch_assoc()) {
$product = array(
'id' =>$row['id'],
'name' =>$row['name'],
'price' =>$row['price']
);
$products[] = $product;
}
echo json_encode($products);
} else {
echo "暫無商品";
}
$conn->close();
?>

在上面的PHP代碼中，首先創建一個數據庫連接，然后執行SQL查詢語句，將查詢結果封裝為一個關聯數組，再將數組轉換為JSON字符串并返回給前端。如果查詢結果為空，則返回提示信息"暫無商品"。

總結來說，使用AJAX從數據庫中獲取數據可以極大地提升用戶體驗，不需要整個頁面的刷新就可以實現數據的更新。通過發送HTTP請求、解析響應數據以及動態更新頁面，我們能夠輕松地與數據庫進行數據交互，并實現各種功能。