Ajax（Asynchronous JavaScript and XML）是一種用于在網頁上實現異步數據交互的技術。它能夠在不刷新整個網頁的情況下，通過后臺服務器請求數據，并將返回的數據動態地展示在網頁上。在表格（table）中傳值是使用Ajax的一個常見需求，本文將介紹如何通過Ajax來傳遞表格中的值。

假設我們有一個包含學生信息的表格，其中每一行表示一個學生，每一列表示一個信息字段，比如學生姓名、班級、年齡等。我們需要使用Ajax來傳遞表格中選中行的值。

首先，我們需要給表格的每一行的某個元素（比如一個按鈕或者鏈接）綁定一個點擊事件，當點擊該元素時觸發Ajax請求。我們可以使用jQuery來簡化代碼。

<table id="studentTable">
<tr>
<th>學生姓名</th>
<th>班級</th>
<th>年齡</th>
<th>操作</th>
</tr>
<tr>
<td>小明</td>
<td>1班</td>
<td>10</td>
<td><a href="#" class="selectStudent" data-id="1">選擇</a></td>
</tr>
<tr>
<td>小紅</td>
<td>2班</td>
<td>11</td>
<td><a href="#" class="selectStudent" data-id="2">選擇</a></td>
</tr>
</table>

在上述代碼中，我們給每一行的選擇鏈接添加了一個class為"selectStudent"，并使用data-id屬性來保存學生的ID。當點擊這個鏈接時，我們將使用Ajax傳遞該學生的ID。

接下來，在JavaScript代碼中，我們需要編寫綁定點擊事件的代碼以及Ajax請求的代碼。

$(document).ready(function() {
$(".selectStudent").click(function(e) {
e.preventDefault(); // 阻止鏈接的默認行為，即跳轉到指定URL
var studentId = $(this).data("id"); // 獲取data-id屬性的值，即學生ID
$.ajax({
url: "process.php", // 后臺處理數據的URL
type: "POST", // 請求方式，這里使用POST
data: { studentId: studentId }, // 傳遞的數據，這里傳遞學生ID
success: function(response) { // 請求成功的回調函數
// 處理返回的數據
alert("選擇成功！");
},
error: function() { // 請求失敗的回調函數
alert("選擇失敗，請稍后再試。");
}
});
});
});

在上述代碼中，我們使用jQuery的click函數為class為"selectStudent"的元素綁定了點擊事件。當點擊該元素時，觸發點擊事件的回調函數。回調函數中，我們首先使用preventDefault函數阻止了鏈接的默認行為，然后通過data函數獲取學生ID。接下來，使用ajax函數發起了一個POST請求到process.php頁面，并通過data參數傳遞了學生ID。請求成功后，會執行success函數，我們在這個函數中處理請求返回的數據。如果請求失敗，會執行error函數。在這里，我們簡單地使用alert函數進行提示。

在服務器端，我們可以使用PHP等服務器端語言來處理Ajax請求，并返回所需要的數據。對于這個例子來說，process.php頁面可以接收到名為studentId的POST參數，我們可以使用該參數進行相應的處理。比如可以將學生的信息保存到數據庫中，或者將學生的信息返回給前端頁面。

通過上述的例子，我們可以看到，通過Ajax傳遞表格中的值并不復雜，只需要綁定點擊事件，并在事件的回調函數中進行Ajax請求即可。這種方式使得表格的交互變得更加靈活和快速，提升了用戶體驗。