AJAX（Asynchronous JavaScript and XML）是一種用于在不重載整個網頁的情況下，通過后臺與服務器進行數據交互的技術。它是通過在后臺與服務器進行異步交互，獲取服務器返回的數據，然后使用JavaScript更新網頁上的部分內容，而不是重新加載整個頁面。這為用戶提供了更好的用戶體驗，同時也減輕了服務器和網絡的負載。下面將以一個簡單的例子來演示如何使用AJAX查詢數據庫數據。

假設我們有一個學生信息管理系統，需要實現一個功能：用戶輸入學生的學號，點擊查詢按鈕后，通過AJAX從數據庫中獲取到對應學號的學生信息，并更新到網頁上。首先，我們需要編寫前端頁面，包括一個輸入框和一個查詢按鈕：

<input type="text" id="studentId" placeholder="請輸入學生學號" />
<button onclick="queryStudent()">查詢</button>

接下來，我們編寫一個JavaScript函數queryStudent()，用于處理用戶點擊查詢按鈕的事件。在該函數中，我們使用AJAX發送一個請求到后臺，并將用戶輸入的學號作為參數傳遞給后臺：

function queryStudent() {
var studentId = document.getElementById("studentId").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var student = JSON.parse(xmlhttp.responseText);    // 解析后臺返回的JSON數據
document.getElementById("result").innerHTML = "學號：" + student.studentId + "，姓名：" + student.name + "，年級：" + student.grade;
}
};
xmlhttp.open("GET", "queryStudent.php?id=" + studentId, true);
xmlhttp.send();
}

在這段代碼中，我們首先獲取用戶輸入的學號，然后創建一個XMLHttpRequest對象。接著，我們使用onreadystatechange事件監聽器，當后臺返回數據時觸發該事件。如果readyState的值為4，表示請求已完成，而status的值為200則表示請求成功。此時，我們解析服務器返回的JSON數據，并將學生的信息更新到網頁上的一個元素中。最后，我們使用open()方法指定請求的URL和參數，并使用send()方法發送請求。

在后臺，我們使用PHP來處理AJAX請求。下面是一個簡單的查詢學生信息的PHP代碼：

<?php
$studentId = $_GET["id"];
// 連接到數據庫，查詢對應學號的學生信息
$conn = new mysqli("localhost", "root", "password", "student");
$result = $conn->query("SELECT * FROM students WHERE id = " . $studentId);
if ($result->num_rows > 0) {
$student = $result->fetch_assoc();
echo json_encode($student);
}
$conn->close();
?>

在這段PHP代碼中，我們首先獲取到前端傳遞過來的學號參數，然后連接到數據庫，并執行一條查詢語句，獲取到對應學號的學生信息。如果查詢結果的行數大于0，則表示查詢成功，我們將學生信息轉換為JSON格式，并返回給前端。最后，我們關閉數據庫連接。

通過上述的前端和后臺代碼，我們成功地實現了一個通過AJAX查詢數據庫數據的功能。用戶輸入學號后，點擊查詢按鈕，前端通過AJAX將學號傳遞給后臺，后臺根據學號查詢數據庫并返回結果，最終前端將學生信息更新到網頁上。這樣，用戶就可以在不刷新頁面的情況下，實時獲取到最新的查詢結果。

總結來說，AJAX是一種非常有用的技術，可以提升網頁的用戶體驗，減輕了服務器和網絡的負載。通過前后端的配合，我們可以輕松地實現各種功能，包括查詢數據庫數據。