AJAX是一種在Web開發中常用的技術，它可以在不刷新整個頁面的情況下，通過異步的方式與服務器交換數據。這使得我們可以動態地添加新的內容，包括數據表格。本文將介紹如何使用AJAX來添加數據表格，通過幾個簡單的例子來說明。

首先，我們需要一個可以從服務器獲取數據的接口。假設我們有一個獲取用戶信息的API，它返回一組JSON格式的用戶數據。我們可以使用AJAX來請求這個API，并將返回的數據添加到數據表格中。

$.ajax({
url: 'api/user_info',
method: 'GET',
success: function(response) {
var userData = JSON.parse(response);
var table = $("#userTable");
$.each(userData, function(index, user) {
var row = $("");
$("").text(user.name).appendTo(row);
$("").text(user.email).appendTo(row);
table.append(row);
});
}
});

以上的代碼通過AJAX請求API，并將返回的JSON數據解析為用戶數據。然后，我們使用$.each函數遍歷每個用戶，并將每個用戶的姓名和郵箱添加到一個新的表格行中。最后，我們將這個行添加到數據表格#userTable中。

接下來，讓我們看一個更復雜的例子。假設我們想要在數據表格中顯示每個用戶的詳細信息，并給每個用戶添加一個修改按鈕，使得我們可以通過點擊按鈕來修改用戶的信息。

$.ajax({
url: 'api/user_info',
method: 'GET',
success: function(response) {
var userData = JSON.parse(response);
var table = $("#userTable");
$.each(userData, function(index, user) {
var row = $("");
$("").text(user.name).appendTo(row);
$("").text(user.email).appendTo(row);
var detailButton = $("Detail");
detailButton.click(function() {
showUserDetails(user);
});
$("").append(detailButton).appendTo(row);
table.append(row);
});
}
});
function showUserDetails(user) {
// 顯示用戶的詳細信息
// 例如，彈出一個模態框
alert("Name: " + user.name + "\nEmail: " + user.email);
}

在這個例子中，我們在表格的每一行中添加了一個“Detail”按鈕，并為按鈕添加了一個點擊事件處理程序。點擊按鈕會調用showUserDetails函數，這個函數會顯示用戶的詳細信息。在這個例子中，我們簡單地使用alert來顯示用戶的姓名和郵箱，你可以根據需求修改這個函數的實現。

通過以上的例子，我們可以看到如何使用AJAX來添加數據表格。我們可以根據自己的需求，在數據表格中顯示不同的數據，并為每個數據添加對應的操作。AJAX的異步特性使得我們可以在不刷新整個頁面的情況下，通過與服務器交換數據來實現動態更新。