Ajax（Asynchronous JavaScript and XML）是一種用于創建快速且動態的Web應用程序的技術。通過使用Ajax技術，我們可以實現表格的異步刷新，使得網頁可以無需刷新整個頁面而更新表格內容。這在處理大量數據時非常有用，可以提高用戶體驗和網頁性能。

假設我們有一個包含學生信息的表格，包括學生的姓名、學號和成績。我們希望能夠通過Ajax實現表格的異步刷新，使得當用戶修改某個學生的成績時，只有這個學生的成績被更新，而不是整個頁面被刷新。

首先，我們需要在前端代碼中添加一個用于請求服務器的函數。在這個例子中，我們將使用jQuery來簡化代碼。以下是一個示例：

function updateGrade(studentId, grade) {
$.ajax({
url: "updateGrade.php",  // 后端處理數據的腳本地址
method: "POST",  // 請求方法
data: { studentId: studentId, grade: grade },  // 需要傳遞給后端腳本的數據
success: function(response) {
// 更新成功后的回調函數
console.log("Success");
},
error: function(xhr, status, error) {
// 更新失敗后的回調函數
console.log("Error");
}
});
}

上述代碼中的updateGrade函數會發送一個POST請求到updateGrade.php腳本，并將需要更新的學生ID和成績作為數據傳遞給后端腳本。

接下來，我們需要在后端代碼中編寫updateGrade.php腳本，該腳本用于接收并處理更新請求。以下是一個簡單的后端處理腳本的示例：

<?php
$studentId = $_POST["studentId"];
$grade = $_POST["grade"];
// 在這里執行更新數據庫的代碼
// ...
// 返回更新結果
echo json_encode(array("success" => true));
?>

上述代碼中，我們通過$_POST數組從Ajax請求中獲取學生ID和成績。在這個示例中，我們省略了真正的數據庫更新代碼。在實際應用中，您需要根據自己的數據庫結構編寫適當的更新代碼。

最后，我們需要在前端代碼中添加一個用于更新表格的函數。以下是一個示例：

function refreshTable() {
$.ajax({
url: "getStudents.php",  // 后端獲取學生信息的腳本地址
method: "GET",  // 請求方法
success: function(response) {
// 更新成功后的回調函數
var students = JSON.parse(response);
var tableBody = $("#studentTable tbody");
tableBody.empty();  // 清空表格內容
for (var i = 0; i < students.length; i++) {
var student = students[i];
var row = $("<tr></tr>");
var nameCell = $("<td></td>").text(student.name);
var idCell = $("<td></td>").text(student.id);
var gradeCell = $("<td></td>").text(student.grade);
row.append(nameCell, idCell, gradeCell);
tableBody.append(row);
}
},
error: function(xhr, status, error) {
// 更新失敗后的回調函數
console.log("Error");
}
});
}

上述代碼中的refreshTable函數會發送一個GET請求到getStudents.php腳本，以獲取最新的學生信息。然后，函數會將返回的學生信息動態地添加到表格中。

在頁面加載完成后，可以調用refreshTable函數一次以初始化表格內容。之后，當用戶修改某個學生的成績時，可以調用updateGrade函數來異步更新數據庫，并在更新成功后調用refreshTable函數來更新表格。

通過使用Ajax技術，我們可以實現表格的異步刷新，從而提高網頁性能和用戶體驗。以上示例只是其中一種實現方式，您可以根據自己的需求和環境進行調整和優化。