AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個頁面的情況下，在后臺與服務器交換數據的技術。在使用AJAX時，我們經常需要從服務器獲取數據并將其呈現在網頁上的表格中。Datatable是一個強大的JavaScript庫，能夠幫助我們快速地創建功能豐富的數據表格。本文將介紹如何使用AJAX來獲取數據并將其顯示在Datatable中。

首先，我們需要在HTML頁面中引入Datatable的庫文件和樣式表。然后，我們可以創建一個空的表格元素，例如：

<table id="myTable"></table>

接下來，我們需要編寫AJAX請求的代碼，并在成功回調函數中，將返回的數據填充到表格中。下面是一個使用jQuery的例子：

$.ajax({
url: "example.com/data",
type: "GET",
dataType: "json",
success: function(response) {
var table = $('#myTable').DataTable();
response.forEach(function(item) {
table.row.add([
item.name,
item.age,
item.email
]).draw();
});
}
});

在這個例子中，我們通過AJAX請求獲取了一個JSON格式的數據，然后使用DataTable的row.add()方法將每一條數據作為一個行添加到表格中。最后調用draw()方法來重新繪制表格以顯示新的數據。

除了從服務器獲取數據，我們還可以使用AJAX動態更新表格中的數據。例如，當用戶在表格中編輯了某條數據后，我們可以通過AJAX請求將更改后的數據發送到服務器進行保存。下面是一個使用jQuery的例子：

$('#myTable').on('click', '.edit', function() {
var row = $(this).closest('tr');
var rowData = table.row(row).data();
// 獲取要編輯的數據...
$.ajax({
url: "example.com/data/" + rowData.id,
type: "PUT",
dataType: "json",
data: {
name: newName,
age: newAge,
email: newEmail
},
success: function(response) {
// 更新表格中的數據...
}
});
});

在這個例子中，我們使用了DataTable的事件委托機制來監聽編輯按鈕的點擊事件。當用戶點擊編輯按鈕時，我們獲取了要編輯的行數據，并將更改后的數據通過AJAX請求發送給服務器。在成功回調函數中，我們可以更新表格中的數據以反映保存后的更改。

總結來說，使用AJAX獲取數據并將其顯示在Datatable中是非常簡單的。我們只需通過AJAX請求從服務器獲取數據，并使用DataTable的API將數據填充到表格中。如果需要動態更新表格中的數據，我們可以通過AJAX請求將更改后的數據發送給服務器進行保存。通過這些示例，希望讀者能更好地理解并掌握在實際項目中如何使用AJAX和Datatable來處理表格數據。