在現代Web開發中，動態加載數據已經成為了一個非常重要的技術。隨著用戶對網頁性能的要求越來越高，傳統的靜態加載方式已經無法滿足用戶的需求。而使用Ajax技術，可以實現自動加載數據庫數據，極大地提升用戶體驗。

舉個例子來說，假設我們有一個電子商務網站，頁面上需要展示大量的商品信息。傳統的靜態加載方式，用戶在瀏覽器中打開網頁后，需要等待服務器將所有的商品信息發送過來，這樣就會出現長時間的白屏等待。而使用Ajax技術，我們可以在網頁加載完成后，通過異步請求從服務器加載商品數據，這樣用戶就可以立即看到頁面的其他內容，無需等待所有商品信息加載完成。

那么如何使用Ajax來實現自動加載數據庫數據呢？首先，我們可以通過JavaScript創建一個XMLHttpRequest對象，并通過該對象向服務器發送異步請求。接下來，我們需要在服務器端編寫一個處理AJAX請求的腳本，該腳本將從數據庫中查詢需要的數據，并將其返回給客戶端。最后，我們可以在客戶端的JavaScript中，通過回調函數來處理服務器返回的數據，并將其展示在網頁上。

var xhr = new XMLHttpRequest();
xhr.open("GET", "get_data.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 處理服務器返回的數據
// 將數據展示在網頁上
}
};
xhr.send();

以上代碼展示了如何使用JavaScript中的XMLHttpRequest對象發送一個AJAX請求。通過調用xhr.open()方法，我們指定請求的類型、URL以及是否以異步方式發送請求。然后，我們可以通過xhr.onreadystatechange屬性，設置一個回調函數來處理服務器返回的數據。當xhr.readyState的值為4，表示請求已經完成，而xhr.status的值為200，表示請求成功。此時，我們可以通過xhr.responseText屬性獲取到服務器返回的數據。

在服務器端，我們需要編寫一個腳本來處理AJAX請求，并從數據庫中查詢需要的數據。以PHP語言為例，以下是一個簡單的示例：

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "mydb";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM products";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
$products = array();
while ($row = $result->fetch_assoc()) {
$products[] = $row;
}
echo json_encode($products);
} else {
echo "No products found";
}
$conn->close();
?>

以上PHP代碼展示了如何連接到數據庫，并查詢products表中的所有記錄。將查詢結果以JSON格式返回給客戶端。這樣，客戶端就可以通過JavaScript中的回調函數，將從服務器端獲取到的數據展示在網頁上。

總結來說，使用Ajax技術可以使得網頁在加載過程中自動加載數據庫數據，從而提升用戶的體驗。通過JavaScript中的XMLHttpRequest對象，我們可以向服務器發送異步請求，并通過回調函數處理服務器返回的數據。在服務器端，我們可以使用各種編程語言來連接數據庫，并查詢需要的數據。將查詢結果以JSON格式返回給客戶端。