Ajax 是一種在網頁中以異步方式獲取數據的技術。在開發網頁時，我們經常需要根據用戶的操作或者其他事件來獲取服務器上的數據，然后將這些數據顯示在網頁上。而 Ajax 可以實現在不刷新整個頁面的情況下，從服務器上獲取數據并更新網頁的特定部分。在使用 Ajax 獲取數據后，我們往往需要將這些數據賦值給網頁上的元素，比如元素。本文將介紹如何使用 Ajax 獲取值，并將獲取到的值賦值給元素。 舉個例子，假設我們有一個表格，其中的某些元素需要通過 Ajax 來獲取值并賦值。例如，我們有一個包含學生信息的表格，其中包含學生的姓名、年齡和成績。當用戶選擇了某個學生的姓名后，我們希望通過 Ajax 來獲取該學生的年齡和成績，并將其賦值給相應的元素。 首先，我們需要在 HTML 中定義一個元素，用于顯示學生的年齡。例如：

<td id="age"></td>

在這個例子中，我們給該元素添加了一個 id 屬性，以便在 JavaScript 中通過這個 id 來訪問該元素。 接下來，我們需要編寫 JavaScript 代碼來實現通過 Ajax 獲取值并賦值給元素。我們可以使用 jQuery 來簡化 Ajax 的使用。首先，我們需要為選擇學生姓名的元素綁定一個事件監聽器，當用戶選擇了某個學生的姓名時，觸發該事件。在事件處理函數中，我們可以通過 Ajax 來獲取學生的年齡和成績，并將其賦值給相應的元素。

$('#studentName').change(function() {
var selectedName = $(this).val();  // 獲取用戶選擇的學生姓名
$.ajax({
url: 'getData.php',  // 后端接口的 URL
data: { name: selectedName },  // 發送的數據，例如學生姓名
success: function(data) {
$('#age').text(data.age);  // 將獲取到的年齡賦值給 <td> 元素
// 還可以將獲取到的成績賦值給其他 <td> 元素
}
});
});

在這個例子中，我們假設后端接口getData.php可以根據學生的姓名來返回該學生的年齡和成績。通過在data參數中傳遞學生姓名，服務器返回包含學生信息的 JSON 數據。在成功回調函數中，我們可以使用.text()方法將年齡賦值給元素。 總結起來，使用 Ajax 獲取值并將其賦值給元素可以通過在事件處理函數中使用 jQuery 的 Ajax 方法實現。我們需要為選擇值的元素綁定事件監聽器，在事件處理函數中發送 Ajax 請求并處理返回的數據。通過操作 DOM 元素，我們可以將獲取到的值賦值給相應的元素，從而實現動態更新網頁內容的效果。