AJAX（Asynchronous JavaScript and XML）是一種前端技術，允許網(wǎng)頁在不重新加載的情況下與服務器進行交互，并動態(tài)更新頁面內(nèi)容。在實際開發(fā)中，常常需要從數(shù)據(jù)庫中獲取數(shù)據(jù)并展示在網(wǎng)頁上。本文將介紹如何使用AJAX調(diào)用常用的數(shù)據(jù)庫，并給出具體的代碼示例。

在調(diào)用數(shù)據(jù)庫之前，首先需要確保我們已經(jīng)建立了數(shù)據(jù)庫連接。以PHP為例，我們可以使用以下代碼來連接MySQL數(shù)據(jù)庫：

<?php
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "example_db";
// 創(chuàng)建連接
$conn = new mysqli($servername, $username, $password, $dbname);
// 檢查連接是否成功
if ($conn->connect_error) {
die("連接失敗: " . $conn->connect_error);
}
?>

一般來說，我們使用AJAX來發(fā)送HTTP請求，并從服務器接收響應。在AJAX中，我們可以使用`XMLHttpRequest`對象來與服務器進行通信。下面是一個使用AJAX從數(shù)據(jù)庫中獲取數(shù)據(jù)并展示在網(wǎng)頁上的示例：

<script>var xhttp = new XMLHttpRequest(); // 創(chuàng)建XMLHttpRequest對象
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("data").innerHTML = this.responseText; // 在網(wǎng)頁上展示從數(shù)據(jù)庫中獲取的數(shù)據(jù)
}
};
xhttp.open("GET", "get_data.php", true); // 發(fā)送GET請求到get_data.php
xhttp.send(); // 發(fā)送請求
</script>

在上面的代碼中，我們創(chuàng)建了一個XMLHttpRequest對象，并定義了`onreadystatechange`事件的處理函數(shù)。當`readyState`從0變?yōu)?（請求完成），并且`status`為200（成功）時，我們將從服務器返回的響應數(shù)據(jù)賦值給指定的HTML元素（假設該元素的id為"data"）。這樣，我們就可以在網(wǎng)頁上展示從數(shù)據(jù)庫中獲取的數(shù)據(jù)了。

下面是一個簡單的PHP文件（get_data.php）的示例代碼，它從數(shù)據(jù)庫中獲取數(shù)據(jù)并返回給AJAX請求：

<?php
// 獲取數(shù)據(jù)的SQL查詢語句
$sql = "SELECT * FROM users";
// 執(zhí)行查詢
$result = $conn->query($sql);
// 檢查查詢結果
if ($result->num_rows >0) {
// 輸出數(shù)據(jù)
while ($row = $result->fetch_assoc()) {
echo "ID: " . $row["id"] . " - Name: " . $row["name"] . "<br>";
}
} else {
echo "0 結果";
}
// 關閉連接
$conn->close();
?>

在上面的代碼中，我們執(zhí)行了一個查詢，將結果作為文本返回給AJAX請求。然后，我們可以在AJAX的處理函數(shù)中將返回的文本展示在網(wǎng)頁上。

通過以上的例子，我們學習了如何使用AJAX調(diào)用常用的數(shù)據(jù)庫。當然，實際的應用可能更加復雜，需要根據(jù)具體情況進行相應的調(diào)整。但這個例子給了我們一個基本的思路和示例，幫助我們了解如何使用AJAX和數(shù)據(jù)庫進行數(shù)據(jù)交互。