AJAX是一種常用的網頁開發技術，它可以使網頁在不刷新的情況下與服務器進行通信，從而實現動態數據的獲取和展示。在前端與后端之間的數據交互中，常常需要從數據庫中獲取數據。本文將通過舉例說明，介紹AJAX如何從數據庫中獲取數據。

假設我們有一個圖書管理系統的網頁，需要從數據庫中獲取圖書的信息。我們可以通過AJAX向服務器發送請求，從數據庫中查詢圖書的數據，并將結果展示在網頁上。以下是使用AJAX從數據庫獲取數據的示例：

```
$.ajax({
url: 'getBooks.php',
method: 'POST',
success: function(response) {
var books = JSON.parse(response);
for (var i = 0; i< books.length; i++) {
// 在網頁上展示圖書信息
$('.book-list').append('
' + books[i].title + '
');
}
},
error: function() {
alert('無法獲取圖書信息');
}
});
```

在上述代碼中，我們通過AJAX發送了一個POST請求到名為getBooks.php的服務器端程序。服務器端程序負責從數據庫中查詢圖書信息并返回結果。在AJAX請求成功后，回調函數會被觸發，其中的response參數包含了從服務器端返回的數據。我們通過JSON.parse函數將返回的數據解析為JavaScript對象，然后使用循環將每本書的標題展示在網頁上。

除了獲取圖書信息，我們還可以通過AJAX從數據庫中獲取其他類型的數據。例如，假設我們需要獲取用戶的個人信息，包括姓名、年齡和性別。我們可以通過類似的方式發送AJAX請求，并在服務器端查詢用戶信息后返回結果。以下是獲取用戶信息的示例：

```
$.ajax({
url: 'getUserInfo.php',
method: 'POST',
success: function(response) {
var userInfo = JSON.parse(response);
// 在網頁上展示用戶信息
$('.user-name').text(userInfo.name);
$('.user-age').text(userInfo.age);
$('.user-gender').text(userInfo.gender);
},
error: function() {
alert('無法獲取用戶信息');
}
});
```

在上述代碼中，我們通過AJAX發送了一個POST請求到名為getUserInfo.php的服務器端程序。服務器端程序負責查詢用戶信息并返回結果。在AJAX請求成功后，回調函數會被觸發，其中的response參數包含了從服務器端返回的數據。我們通過JSON.parse函數將返回的數據解析為JavaScript對象，然后將用戶的姓名、年齡和性別展示在網頁上。

綜上所述，AJAX可以很方便地從數據庫獲取各種類型的數據。通過發送AJAX請求并解析服務器端返回的數據，我們可以在網頁上展示數據庫中的內容。因此，AJAX在網頁開發中具有廣泛的應用價值。