在許多網(wǎng)頁開發(fā)中，我們經(jīng)常需要通過Ajax獲取表格數(shù)據(jù)。通過Ajax，我們可以在不刷新整個網(wǎng)頁的情況下，僅更新需要更新的部分。這樣，用戶可以享受更加流暢的網(wǎng)頁體驗，并且可以實時獲取最新的數(shù)據(jù)。本文將介紹如何使用Ajax來獲取表格行數(shù)據(jù)，并通過舉例和實例代碼進行說明。
假設我們有一個簡單的表格，其中包含學生的姓名、年齡和成績信息。我們希望能夠通過Ajax獲取每行學生數(shù)據(jù)，并在網(wǎng)頁上展示或進行其他處理。下面是一個簡單的例子：

html
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>成績</th>
</tr>
<tr>
<td>張三</td>
<td>20</td>
<td>90</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>85</td>
</tr>
<tr>
<td>王五</td>
<td>21</td>
<td>95</td>
</tr>
</table>

首先，我們需要給需要獲取行數(shù)據(jù)的按鈕或觸發(fā)事件添加監(jiān)聽器。當用戶點擊按鈕時，我們將通過Ajax來獲取并處理數(shù)據(jù)。下面是一個示例：

html
<button id="get-data-btn">獲取數(shù)據(jù)</button>
<script>
document.getElementById("get-data-btn").addEventListener("click", function() {
// 代碼將在這里
});
</script>

接下來，我們需要在監(jiān)聽器函數(shù)中編寫Ajax請求以獲取表格行數(shù)據(jù)。我們可以使用原生的JavaScript庫如XMLHttpRequest或使用更方便的第三方庫如jQuery.ajax。這里我們以XMLHttpRequest為例：

html
<script>
document.getElementById("get-data-btn").addEventListener("click", function() {
var httpRequest = new XMLHttpRequest();
if (!httpRequest) {
alert("無法創(chuàng)建XMLHttpRequest對象");
return;
}
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === XMLHttpRequest.DONE) {
if (httpRequest.status === 200) {
// 將返回的數(shù)據(jù)進行處理
var response = httpRequest.responseText;
console.log(response);
} else {
alert("請求失敗：" + httpRequest.status);
}
}
};
httpRequest.open("GET", "data.php", true);  // 這里的"data.php"需要根據(jù)實際情況修改
httpRequest.send();
});
</script>

在上面的代碼中，我們創(chuàng)建了一個XMLHttpRequest對象，并指定了onreadystatechange函數(shù)。當請求狀態(tài)改變時，該函數(shù)將會被調(diào)用。在函數(shù)中，我們首先檢查請求的狀態(tài)是否為XMLHttpRequest.DONE，這表示請求已經(jīng)完成。接著，我們檢查請求的狀態(tài)碼是否為200，這表示請求成功。如果請求成功，我們將會獲取到響應的數(shù)據(jù)，并進行處理。
在實際應用中，我們可能需要從服務器端動態(tài)獲取數(shù)據(jù)。這時，我們需要在服務器端創(chuàng)建一個腳本（如data.php）來處理數(shù)據(jù)請求，并返回數(shù)據(jù)。在上面的代碼中，我們使用了相對路徑"data.php"來代表該腳本。請根據(jù)實際情況修改。在data.php腳本中，我們可以通過數(shù)據(jù)庫查詢或其他方式來獲取表格行數(shù)據(jù)。
總結(jié)起來，通過使用Ajax來獲取表格行數(shù)據(jù)可以使網(wǎng)頁更加流暢和用戶友好。本文通過簡單的實例介紹了如何使用原生JavaScript中的XMLHttpRequest來實現(xiàn)此功能。盡管實際應用中可能會有一些變化，但基本原理是相通的。希望本文能夠幫助你更好地理解和應用Ajax技術。