<首段>

AJAX (Asynchronous JavaScript and XML) 是一種通過在后臺與服務器進行數據交換的技術，可使網頁實現無刷新更新的功能。在Web開發中，AJAX常用于獲取和展示來自數據庫的數據，特別是表格數據。本文將介紹如何使用AJAX來獲取表格中的數據庫數據，并通過舉例說明其實現原理。

<段落1>

假設我們有一個學生信息管理系統，其中的"學生信息"表格存儲了每個學生的學號、姓名和年齡等信息。我們希望通過AJAX獲取該表格里的數據并在網頁中展示出來。首先，在網頁中創建一個表格容器:

<table id="studentTable">
<thead>
<tr>
<th>學號</th>
<th>姓名</th>
<th>年齡</th>
</tr>
</thead>
<tbody></tbody>
</table>

<段落2>

然后，我們使用AJAX發送一個HTTP GET請求到服務器，并在請求完成后處理返回的數據。以下是使用jQuery的AJAX方法來實現：

$.ajax({
url: "getStudentData.php", // 向服務器發送請求的URL
type: "GET", // 請求類型為GET
success: function(data) { // 請求成功后的回調函數
var studentData = JSON.parse(data); // 將返回的JSON數據解析為JavaScript對象
var tableBody = $("#studentTable").find("tbody"); // 獲取表格的tbody元素
for (var i = 0; i< studentData.length; i++) {
var student = studentData[i];
var row = "<tr><td>" + student.id + "</td><td>" + student.name + "</td><td>" + student.age + "</td></tr>";
tableBody.append(row); // 將每個學生的數據添加到表格中
}
}
});

<段落3>

上述代碼中，我們首先指定了服務器端處理請求的URL，在這個例子中是"getStudentData.php"。AJAX請求發送成功后，會執行一個回調函數，將服務器返回的數據作為參數傳遞給這個函數。我們將返回的JSON數據解析為JavaScript對象，并在表格的tbody元素中添加每個學生的數據。

<段落4>

在服務器端，我們需要編寫一個用于獲取學生數據的腳本，例如"getStudentData.php"。在這個腳本中，我們連接到數據庫，執行查詢操作，并將查詢結果轉換為JSON格式的數據。以下是一個簡單的示例：

// 連接到數據庫
$db = new PDO("mysql:host=localhost;dbname=student_info", "username", "password");
// 查詢學生數據
$query = $db->query("SELECT * FROM student");
// 將查詢結果轉換為JSON格式數據
$results = $query->fetchAll(PDO::FETCH_ASSOC);
$jsonData = json_encode($results);
// 輸出JSON數據
header("Content-Type: application/json");
echo $jsonData;

<結尾>

通過以上步驟，我們就可以通過AJAX獲取表格中的數據庫數據，并將其展示在網頁中。這種方式不僅提高了用戶體驗，還能降低服務器的負載壓力。