AJAX（Asynchronous JavaScript and XML）是一種用于創建無需刷新整個頁面的交互式網頁應用程序的技術。通過使用AJAX，我們可以異步獲取數據庫表數據，實現動態的數據展示和交互。本文將介紹如何使用AJAX異步獲取數據庫表數據，同時提供相關代碼和示例。

首先，我們需要確保已經正確配置數據庫連接，并且擁有相應的表結構和數據。假設我們有一個名為"students"的表，包含"id"、"name"和"age"三個字段。我們想要通過AJAX從數據庫中獲取這些學生的信息，并在網頁上展示出來。

首先，我們需要編寫一個處理AJAX請求的后端腳本。在這個腳本中，我們使用PHP作為示例語言。該腳本首先建立數據庫連接，然后執行查詢操作，獲取表中的數據。最后，將查詢結果轉換為JSON格式，并發送給前端。

<?php
// 建立數據庫連接
$mysqli = new mysqli("localhost", "username", "password", "database");
// 查詢students表的所有數據
$query = "SELECT * FROM students";
$result = $mysqli->query($query);
// 將查詢結果轉換為JSON格式
$data = array();
while ($row = $result->fetch_assoc()) {
$data[] = $row;
}
// 發送JSON數據給前端
echo json_encode($data);
?>

接下來，我們可以在前端使用AJAX發送異步請求，并解析后端返回的JSON數據。以下是一個簡單的示例：

<script>
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 發送AJAX請求
xhr.open("GET", "backend.php", true);
xhr.send();
// 監聽AJAX響應
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析JSON數據
var data = JSON.parse(xhr.responseText);
// 在網頁上展示數據
var container = document.getElementById("students-container");
data.forEach(function(student) {
var pElement = document.createElement("p");
pElement.innerHTML = "ID: " + student.id + ", Name: " + student.name + ", Age: " + student.age;
container.appendChild(pElement);
});
}
};
</script>

上述代碼中，我們使用XMLHttpRequest對象發送GET請求，請求后端腳本"backend.php"。在響應到達時，我們解析JSON數據，并將每個學生的信息添加到網頁中。這樣，我們就實現了通過AJAX異步獲取數據庫表數據，并在網頁上展示的功能。

總之，AJAX是一個強大的技術，可以實現無需刷新網頁就能獲取、展示和交互數據庫表數據的功能。通過合理地編寫后端腳本和前端代碼，我們可以輕松地實現這一功能。希望本文對于理解AJAX異步獲取數據庫表數據這一主題有所幫助。