在現代的Web開發中，Ajax是一種常用的前端技術，它的主要作用是通過異步的方式從服務器獲取數據，而不需要整個頁面都重新加載。然而，在實際應用中，如何將Ajax請求有效地發送到后端Controller并獲取數據是一個重要的問題。
首先，我們需要在前端使用JavaScript編寫Ajax請求，然后將其發送到后端。在下面的例子中，我們將創建一個簡單的網頁，其中包含一個按鈕和一個用于顯示結果的區域。當用戶點擊按鈕時，我們將使用Ajax請求向后端Controller發送一個獲取時間的請求，并將返回的結果顯示在頁面上：
在上述代碼中，我們使用了XMLHttpRequest對象來發送Ajax請求。首先，我們創建了一個名為xhttp的XMLHttpRequest對象并定義了其onreadystatechange屬性。在這個屬性中，我們可以定義當請求的狀態發生變化時應該執行的函數。當readyState屬性變為4（請求已完成）且status屬性為200（請求成功）時，我們將返回的結果寫入result元素中。
在請求的其余部分，我們使用了open()方法來指定請求的方法（GET）以及請求的URL（"/controller/getTime"）。最后，我們調用了send()方法來發送請求。這樣，當用戶點擊按鈕時，就會向后端Controller發送一個獲取時間的請求，并將返回的結果顯示在頁面上。
接下來，我們需要在后端編寫Controller來處理這個請求。在這個例子中，我們將使用Java和Spring MVC來實現一個簡單的Controller：
// Java代碼
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
public class TimeController {
@GetMapping("/controller/getTime")
@ResponseBody
public String getTime() {
return new Date().toString();
}
}在上述代碼中，我們使用了Spring MVC的@Controller注解來定義一個Controller類。在這個類中，我們使用@GetMapping注解來指定處理GET請求的方法，并使用@ResponseBody注解來將返回的結果直接作為響應體返回給前端。
在getTime()方法中，我們簡單地返回了當前時間的字符串表示。這樣，當前端發送一個獲取時間的請求時，后端Controller會根據請求的URL來匹配對應的方法，并將返回的結果作為響應返回給前端。前端會將這個結果顯示在頁面上。
綜上所述，通過Ajax將請求發送到后端Controller并獲取數據是一種非常常見的場景。通過合理地使用前端的JavaScript和后端的Controller，我們可以實現強大的Web應用程序。無論是獲取時間、發送消息還是進行復雜的數據操作，Ajax都是我們不可或缺的工具。