本文介紹了如何使用Ajax技術將數據傳送到Controller中。Ajax是一種在不重新加載整個頁面的情況下向服務器發送和接收數據的技術。它可以通過使用JavaScript和XMLHttpRequest對象在后臺與服務器進行數據交換。在日常開發中，我們經常需要將用戶輸入或者頁面中的數據傳送到服務器端進行處理或者保存。通過Ajax技術，可以實現異步傳輸數據，提升用戶體驗。

假設我們有一個簡單的表單頁面，用戶可以在其中填寫姓名和年齡。當用戶填寫完畢并點擊提交按鈕時，我們需要將用戶輸入的數據傳送到服務器端進行保存。在傳統的開發模式中，點擊提交按鈕會觸發表單的提交事件，頁面會重新加載，然后服務器會進行處理。但是這個過程會導致頁面的刷新，給用戶帶來不好的體驗。

$('#submitBtn').click(function() {
var name = $('#name').val();
var age = $('#age').val();
$.ajax({
url: '/saveData',
type: 'POST',
data: {name: name, age: age},
success: function(response) {
// 處理服務器返回的結果
},
error: function(xhr, status, error) {
// 處理錯誤情況
}
});
});

在上述代碼中，我們使用了jQuery庫來簡化Ajax的操作。當用戶點擊提交按鈕時，JavaScript代碼會獲取到表單中輸入的姓名和年齡。然后，通過Ajax發送POST請求到服務器的/saveData地址，并將姓名和年齡作為數據傳送到服務器端。服務器端可以通過相應的Controller處理這個請求，并將數據進行保存。

@Controller
public class DataController {
@RequestMapping(value = "/saveData", method = RequestMethod.POST)
public String saveData(@RequestParam("name") String name, @RequestParam("age") int age) {
// 保存數據到數據庫或者進行其他處理
return "success";
}
}

在上述代碼中，我們定義了一個DataController，并使用@RequestMapping注解將/saveData路徑映射到saveData方法上。在saveData方法中，我們使用@RequestParam注解來接收Ajax傳過來的數據，并進行相應的處理。在這里，我們可以將數據保存到數據庫中，或者進行其他的后續操作。

通過上面的例子，我們可以看到如何使用Ajax技術來傳送數據到Controller中。通過Ajax，我們可以實現異步傳輸數據，而不需要刷新整個頁面。這對于提升用戶體驗來說非常重要。在實際開發中，我們可以根據具體的需求來進行更加復雜的數據傳輸操作，包括傳送JSON數據、文件上傳等等。通過Ajax技術，我們能夠更加靈活地處理前端和后端的數據交互。