隨著互聯網技術的不斷發展，越來越多的網頁應用開始使用Ajax（Asynchronous JavaScript and XML）來實現與服務器的數據交互。Ajax通過在網頁上進行異步數據交換，實現了網頁可實時更新的功能，大大提升了用戶體驗。而其中一個重要的應用就是通過Ajax來調用數據庫，實現數據的讀取和更新。

以一個在線商城為例，假設我們要實現一個商品的搜索功能，在用戶在搜索框中輸入關鍵字后，網頁能夠自動實時顯示相關商品的結果。這時就可以使用Ajax來實現。當用戶輸入關鍵字后，網頁會通過Ajax將關鍵字發送到服務器，服務器通過查詢數據庫來篩選出匹配的商品，然后將結果返回給網頁，網頁再將結果顯示在搜索結果的部分。

$.ajax({
type: "POST",
url: "search.php",
data: { keyword: userInput },
success: function(response) {
// 處理返回的結果
$("#searchResults").html(response);
}
});

在這段代碼中，我們使用了jQuery的ajax方法來進行異步請求。其中，type屬性指定了請求的類型為POST，url屬性指定了處理請求的PHP文件為search.php，data屬性指定了向服務器發送的數據，即用戶輸入的關鍵字。而在success回調函數中，我們處理了服務器返回的結果，使用jQuery的html方法將搜索結果顯示在id為searchResults的元素中。

除了搜索功能，還可以使用Ajax來實現用戶對數據庫中數據的更新。比如在一個論壇網站中，用戶可以發表評論。當用戶點擊提交按鈕時，網頁會通過Ajax將評論的內容發送到服務器，服務器將評論保存到數據庫中，并返回保存結果給網頁。網頁再根據返回的結果來決定是否將評論顯示在頁面上。

$.ajax({
type: "POST",
url: "addComment.php",
data: { comment: userInput },
success: function(response) {
if (response === "success") {
$("#commentSection").append("<p>" + userInput + "</p>");
} else {
alert("評論保存失敗！");
}
}
});

上述代碼中，我們通過Ajax將評論內容發送到addComment.php文件中進行處理。在服務器端，我們可以使用PHP語言來將評論保存到數據庫中。如果保存成功，服務器會返回字符串"success"，網頁通過判斷返回結果來決定是否將評論內容顯示在頁面上。如果保存失敗，網頁會彈出提示框告知用戶評論保存失敗。

通過以上的例子，我們可以看到使用Ajax調用數據庫能夠極大地提升網頁的交互性和實時性。同時，使用Ajax還能減輕服務器的負擔，因為它只需要獲取數據而不需要整個頁面的刷新。然而，使用Ajax調用數據庫也要注意安全性，防止惡意攻擊和數據泄露，可以采取對請求進行驗證和對返回結果進行過濾等措施。

總之，Ajax是一種強大的技術，能夠使網頁實現與數據庫的實時交互。通過使用Ajax來調用數據庫，可以實現各種功能，例如實時搜索、數據更新等。當然，我們在使用過程中要注意安全性和效率，確保數據的安全性和整個網頁的流暢性。