Ajax（Asynchronous JavaScript and XML）是一種基于Web瀏覽器中實現異步數據交互的技術。通過Ajax，我們可以在不刷新整個頁面的情況下，實現數據的獲取和更新，使得用戶能夠更加快速流暢地使用網頁。在Ajax的實現中，最重要的一環是使用XMLHttpRequest對象來發送HTTP請求到后臺的Controller，然后Controller處理請求并返回數據給前端頁面。

下面以一個簡單的示例來說明Ajax到Controller的原理。假設我們有一個網頁上有一個按鈕，點擊該按鈕后，需要獲取服務器上一個接口的數據并在頁面上展示。

// 前端頁面獲取數據

// 后臺Controller
@RestController
@RequestMapping("/api")
public class DataController {
@GetMapping("/data")
public String getData() {
return "{\"data\": \"Hello, Ajax!\"}";
}
}

當用戶點擊按鈕時，前端頁面的getData函數被調用。該函數首先創建一個XMLHttpRequest對象，并通過指定回調函數的方式監聽readyState和status屬性的變化。

之后，使用xhr.open("GET", "/api/data", true)打開一個HTTP GET請求，其中第一個參數是請求的方法，第二個參數是請求的URL，第三個參數表示是否進行異步操作。

然后，調用xhr.send()發送請求到指定的URL。此時，會觸發XMLHttpRequest對象的onreadystatechange方法，并在readyState等于4（表示請求已完成）且status等于200（表示成功獲取響應）的情況下，執行回調函數。

回調函數中，首先使用xhr.responseText獲取到服務器端返回的響應文本，然后通過JSON.parse方法將其轉換成JavaScript對象。最后，通過document.getElementById("data").innerText將數據展示在頁面上。

在后臺的Controller中，通過使用@RestController注解和@RequestMapping注解，我們將該類聲明為一個REST風格的Controller，并將獲取數據的接口URL映射為"/api/data"。

在getData方法中，我們直接返回一個字符串表示的JSON對象。在實際項目中，我們可能通過調用業務邏輯的方法來獲取數據，并將其轉換成JSON格式然后返回給前端頁面。

通過上述代碼的分析，我們可以看出Ajax到Controller的實現過程。前端頁面通過XMLHttpRequest對象向指定的URL發送HTTP請求，并根據服務器端返回的響應進行處理。后臺Controller接收到請求后，通過業務邏輯獲取數據并返回給前端頁面。

總結起來，Ajax到Controller的原理并不復雜。通過XMLHttpRequest對象實現HTTP請求，前后端通過URL進行通信，并根據服務器端返回的響應進行數據的獲取和更新。這種方式極大地提高了用戶在網頁上的體驗，使得網頁變得更加流暢和動態。