AJAX是一種前端技術，它允許網頁通過異步的方式與后臺服務器進行通信，并在不刷新整個頁面的情況下更新部分內容。在實際開發中，我們經常需要將數據傳遞到后臺服務器進行處理。本文將介紹如何使用AJAX傳遞一個列表（List）到后臺，并給出詳細的代碼示例。

假設我們有一個網站，用戶可以創建一個待辦事項列表，并在該列表中添加、刪除和編輯任務。我們的目標是通過AJAX將任務列表傳遞到后臺服務器，在服務器端對任務進行處理。為了簡化示例，我們假設所有的任務都由一個字符串組成。

首先，我們需要在網頁中創建一個form元素，用于用戶輸入任務信息。用戶可以通過一個按鈕點擊事件將任務添加到列表中。在點擊事件的處理函數中，我們使用AJAX將任務列表傳遞到后臺服務器。

<form id="taskForm">
<input type="text" id="taskInput" />
<button id="addButton">添加任務</button>
</form>
<script>
document.getElementById('addButton').addEventListener('click', function(event) {
event.preventDefault(); // 阻止表單提交的默認行為
// 獲取輸入的任務內容
var taskInput = document.getElementById('taskInput').value;
// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的方法和URL
xhr.open('POST', '/addtask', true);
// 設置請求頭
xhr.setRequestHeader('Content-Type', 'application/json');
// 將任務列表轉換為JSON字符串
var taskList = [taskInput];
var taskListJson = JSON.stringify(taskList);
// 將任務列表發送到服務器
xhr.send(taskListJson);
});
</script>

在上述代碼中，我們首先獲取用戶輸入的任務內容，然后創建一個XMLHttpRequest對象，設置請求的方法和URL。之后將任務列表轉換為JSON字符串，并發送到服務器。在這個例子中我們假設服務器端有一個路由`/addtask`用于處理任務的添加。在服務器端，我們可以通過解析請求的body獲取任務列表，并進行相應的處理。

下面是服務器端Java代碼的示例，使用Spring Boot框架處理任務的添加：

@RestController
public class TaskController {
@RequestMapping(value = "/addtask", method = RequestMethod.POST)
public void addTask(@RequestBody List<String> taskList) {
// 對任務列表進行處理
// ...
}
}

在上述代碼中，我們使用`@RequestBody`注解來獲取請求的body，Spring Boot會自動將請求的JSON字符串轉換為一個List<String>對象。然后我們可以對任務列表進行相應的處理，例如將任務保存到數據庫中。

通過上述的示例代碼，我們可以看到如何使用AJAX將一個任務列表傳遞到后臺服務器進行處理。這種方式可以幫助我們實現更快速和響應式的網頁交互，提升用戶體驗。