AJAX（Asynchronous JavaScript And XML）是一種在網頁中異步傳輸數據并更新部分頁面內容的技術。在網頁開發中，我們經常需要從后端服務器獲取數據，并將其填充到頁面的表格中。使用AJAX可以實現無需刷新整個頁面的情況下更新表格的內容。本文將介紹如何使用AJAX來填充表格，并通過舉例來說明相關概念和操作。

假設我們的網頁上有一個表格，用于顯示用戶的信息。該表格的結構如下：

<table id="user-table">
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

我們希望通過AJAX從服務器獲取用戶信息，并將數據填充到表格的tbody標簽中。

首先，我們需要創建一個JavaScript函數，用于發送AJAX請求并處理響應的數據。該函數的代碼如下：

function fillTable() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var users = JSON.parse(this.responseText);
var tableBody = document.getElementById("user-table").getElementsByTagName("tbody")[0];
for (var i = 0; i < users.length; i++) {
var user = users[i];
var row = tableBody.insertRow(i);
var nameCell = row.insertCell(0);
var ageCell = row.insertCell(1);
var genderCell = row.insertCell(2);
nameCell.innerHTML = user.name;
ageCell.innerHTML = user.age;
genderCell.innerHTML = user.gender;
}
}
};
xhttp.open("GET", "https://example.com/api/users", true);
xhttp.send();
}

上述函數中，我們首先使用XMLHttpRequest對象創建一個AJAX請求。然后，我們通過定義onreadystatechange事件處理函數來接收服務器響應的數據。當readyState為4（表示請求已完成）且status為200（表示請求成功）時，我們可以從responseText屬性中獲取到服務器返回的數據。這里我們假設服務器以JSON格式返回用戶信息。

接下來，我們將獲取到的用戶信息解析為JavaScript對象，并使用getElementById方法獲取到表格的tbody標簽。之后，我們使用一個for循環遍歷每個用戶，為每個用戶創建一行，并填充相應的單元格。

在頁面加載完成后，我們調用fillTable函數即可觸發AJAX請求并填充表格：

<script>
window.onload = function() {
fillTable();
};
</script>

通過以上的操作，我們成功地使用AJAX往表格里填充了數據。這樣用戶在訪問頁面時，可以即時看到最新的用戶信息，無需刷新整個頁面。

總結起來，使用AJAX往表格里填充數據可以通過以下幾個步驟實現： 1. 創建一個函數，用于發送AJAX請求并處理響應的數據。 2. 在函數中創建一個XMLHttpRequest對象，并定義onreadystatechange事件處理函數來接收服務器響應的數據。 3. 在onreadystatechange事件處理函數中，解析服務器返回的數據，并將數據填充到相應的表格中。 4. 在頁面加載完成后，調用該函數即可觸發AJAX請求并填充表格。