AJAX是一種用于創建交互式網站的技術，可以實現無需刷新整個頁面的數據更新。在某些情況下，我們需要通過AJAX刷新并清空一個表格中的內容。本文將介紹如何使用AJAX實現這一功能，并通過舉例加以說明。

假設我們有一個表格用于顯示學生成績信息，每一行表示一個學生的信息，其中包括學生ID、姓名、科目和分數。當我們需要更新學生成績時，可以通過AJAX刷新表格內容而無需整個頁面的刷新。我們可以使用AJAX的GET或POST請求從服務器獲取最新的學生成績數據，并使用JavaScript來清空并更新表格。

首先，我們需要在HTML中添加一個空的表格元素：

<table id="scoreTable"></table>

然后，在JavaScript中，我們可以使用AJAX來獲取最新的學生成績數據并更新表格。我們可以使用jQuery庫來簡化AJAX請求的過程。以下是一個使用GET請求的示例：

$.ajax({
url: "getScores.php",
type: "GET",
success: function(response) {
$("#scoreTable").empty(); // 清空表格內容
var scores = JSON.parse(response); // 將服務器響應解析為JavaScript對象
for (var i = 0; i< scores.length; i++) {
var row = $(""); // 創建一行
row.append("" + scores[i].id + ""); // 添加學生ID
row.append("" + scores[i].name + ""); // 添加學生姓名
row.append("" + scores[i].subject + ""); // 添加科目
row.append("" + scores[i].score + ""); // 添加分數
$("#scoreTable").append(row); // 添加行到表格
}
}
});

上述代碼中，我們首先使用$.ajax()函數發送一個GET請求到getScores.php文件來獲取最新的學生成績數據。當服務器響應成功時，我們清空表格的內容$("#scoreTable").empty();。接著，我們將服務器響應解析為JavaScript對象var scores = JSON.parse(response);，然后使用一個循環為每個學生創建一個表格行，并添加學生的各項信息。最后，我們將每行添加到表格中$("#scoreTable").append(row);。

通過上述代碼，當我們使用AJAX請求獲取最新的學生成績數據時，表格的內容將會被清空并更新，而不需要整個頁面的刷新。這樣一來，我們可以實現動態更新表格內容的效果。

總結起來，通過使用AJAX來刷新并清空一個表格的內容，我們可以實現動態更新的效果，使網頁更加交互友好。借助AJAX和JavaScript的強大功能，我們可以從服務器獲取最新的數據，并以最簡潔的方式更新表格的內容，提供更好的用戶體驗。