AJAX是一種常用的前端技術，它可以通過向服務器發送異步請求來獲取數據，而不必刷新整個頁面。在網頁中，表格是一種常見的數據展示方式。本文將介紹如何使用AJAX來獲取表格中的數據，并通過舉例說明其用法和效果。

假設我們有一個包含學生個人信息的表格，該表格包括學生的姓名、學號、年齡等。我們希望能夠使用AJAX來獲取并顯示這些學生信息，以提供更好的用戶體驗。下面是一個簡單的示例：

<table id="studentTable">
<tr>
<th>姓名</th>
<th>學號</th>
<th>年齡</th>
</tr>
<tr>
<td>張三</td>
<td>1001</td>
<td>18</td>
</tr>
<tr>
<td>李四</td>
<td>1002</td>
<td>19</td>
</tr>
<tr>
<td>王五</td>
<td>1003</td>
<td>20</td>
</tr>
</table>

首先，我們需要為獲取數據的按鈕添加一個點擊事件處理程序。當用戶點擊該按鈕時，我們將使用AJAX來獲取學生信息并顯示在表格中。下面是使用jQuery庫的代碼示例：

$('button#getDataBtn').on('click', function() {
$.ajax({
url: 'getStudentData.php',
type: 'GET',
dataType: 'json',
success: function(data) {
// 更新表格數據
updateTableData(data);
},
error: function() {
alert('獲取數據失敗，請稍后重試');
}
});
});

上述代碼中，我們使用jQuery的`ajax`方法發送一個GET請求到`getStudentData.php`文件中。`dataType`設置為`json`表示我們希望服務器返回的數據是JSON格式的。當請求成功時，將會調用`success`回調函數，并將返回的數據作為參數傳遞給該函數。如果請求失敗，則調用`error`回調函數。

接下來，我們需要實現`updateTableData`函數，該函數將負責更新表格中的數據。下面是一個簡化的實現：

function updateTableData(data) {
// 清空表格內容
$('#studentTable tbody').empty();
// 遍歷數據，并添加到表格中
data.forEach(function(student) {
var row = '<tr><td>' + student.name + '</td><td>' + student.id + '</td><td>' + student.age + '</td></tr>';
$('#studentTable tbody').append(row);
});
}

上述代碼中，我們首先使用`empty`方法清空表格中的內容，然后對返回的數據進行遍歷，并構造每個學生的表格行，最后使用`append`方法將表格行添加到表格中。

通過以上代碼，當用戶點擊獲取數據的按鈕時，將會通過AJAX請求從服務器獲取學生信息，并將其動態更新到表格中。這樣用戶無需刷新整個頁面就能夠獲取最新的學生數據。

總之，AJAX是一種非常有用的前端技術，可以實現異步獲取數據并更新網頁內容。在處理包含數據的表格時，我們可以使用AJAX來獲取表格數據，并通過動態更新的方式展示給用戶。通過以上示例，我們可以看到使用AJAX獲取表格數據的簡單而又實用的效果。