AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上異步加載數據的技術。傳統的網頁加載會導致整個頁面的刷新，而使用AJAX可以在不刷新整個頁面的情況下更新特定的部分內容。這種功能對于動態更新表格非常有用。本文將介紹如何使用AJAX技術來實現不刷新頁面而更新表格的效果，并通過具體的示例來說明其工作原理。

假設我們有一個表格，其中包含了一些數據。傳統的做法是當用戶進行一些操作（如點擊按鈕或輸入數據）時，需要刷新整個頁面才能更新表格中的內容。但是使用AJAX技術，我們可以通過向服務器發送異步請求來更新表格的部分內容，而不需要刷新整個頁面。

我們可以通過jQuery庫來實現ajax請求。首先，我們需要一個包含表格的HTML文件：

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr id="row1">
<td>張三</td>
<td>25</td>
<td>男</td>
</tr>
<tr id="row2">
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
</table>

接下來，我們需要編寫一段JavaScript代碼來處理AJAX請求，并更新表格的內容：

$("button").click(function() {
$.ajax({
url: "data.php",
type: "POST",
success: function(data) {
// 解析服務器返回的JSON數據
var newData = JSON.parse(data);
// 更新表格的內容
$("#row1 td:eq(1)").text(newData[0].age);
$("#row2 td:eq(1)").text(newData[1].age);
}
});
});

在上面的代碼中，我們首先給一個按鈕添加了點擊事件處理程序。當用戶點擊按鈕時，會執行AJAX請求。請求的URL為"data.php"，請求類型為POST。當請求成功返回后，會調用success回調函數，將服務器返回的JSON數據解析后使用text()方法更新表格中的相應單元格內容。

假設"data.php"文件返回的JSON數據如下：

[
{
"name": "張三",
"age": "26"
},
{
"name": "李四",
"age": "31"
}
]

通過上述示例，我們可以看到，當用戶點擊按鈕時，不會刷新整個頁面，而僅僅更新了表格中的特定部分。這樣可以提升用戶體驗，使頁面看起來更加流暢。

除了更新表格，AJAX技術還可以用于在不刷新整個頁面的情況下更新其他類型的內容，例如列表、圖表等。使用AJAX可以實現動態加載數據，使頁面更加交互和易于使用。

綜上所述，AJAX技術的出現極大地改善了Web應用的用戶體驗，通過在不刷新整個頁面的情況下更新特定部分的內容，使頁面具有更好的交互性。使用AJAX來更新表格可以提高頁面的響應速度，提升用戶體驗。