AJAX（Asynchronous JavaScript and XML）是一種使用JavaScript與服務器進行異步通信的技術。通過AJAX技術，可以在不刷新整個網頁的情況下向服務器發送請求，獲取數據并更新網頁的某個部分。在前端開發中，經常需要通過AJAX技術獲取后端控制器（controller）返回的數據。本文將介紹如何使用AJAX獲取后端控制器的數據。

在前端頁面中使用AJAX技術獲取后端控制器的數據的一個常見場景是表單提交后，需要將表單數據發送到后端進行處理，然后返回處理結果給前端。假設我們有一個登錄頁面，在用戶點擊登錄按鈕后，需要將用戶輸入的用戶名和密碼發送給后端進行驗證，并根據驗證結果返回不同的提示信息。

首先，我們需要在前端頁面中編寫用于處理用戶點擊登錄按鈕事件的JavaScript代碼。代碼如下：

function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方法和URL
xhr.open("POST", "/login", true);
// 設置請求頭部信息
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 設置回調函數，處理服務器返回的結果
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
var response = xhr.responseText;
// 處理服務器返回的結果
document.getElementById("result").innerHTML = response;
}
};
// 發送請求
xhr.send("username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password));
}

在以上代碼中，我們首先獲取用戶輸入的用戶名和密碼。然后，我們創建一個XMLHttpRequest對象，用于發送HTTP請求。接下來，我們設置請求方法為POST，并指定請求的URL為"/login"，表示將請求發送到后端的登錄控制器。同時，我們設置請求頭部信息為"application/x-www-form-urlencoded"，表示請求數據的格式為表單數據。此外，我們還設置了一個回調函數，用于在服務器返回結果后處理返回的結果。最后，我們使用send()方法發送請求，并將用戶名和密碼作為請求參數發送給后端控制器。

假設后端控制器接收到了請求，并根據請求參數進行了登錄驗證，最后返回了一個提示信息給前端頁面。在后端控制器中，我們可以使用不同的后端技術處理登錄驗證，例如Java的Spring MVC框架、PHP的Laravel框架等。以下是一個使用Spring MVC框架處理登錄驗證的Java控制器的示例：

@RestController
public class LoginController {
@PostMapping("/login")
public String login(@RequestParam("username") String username, @RequestParam("password") String password) {
// 進行登錄驗證邏輯
if (username.equals("admin") && password.equals("password")) {
return "登錄成功";
} else {
return "用戶名或密碼錯誤";
}
}
}

在以上Java控制器中，我們使用@PostMapping注解指定了請求的URL為"/login"，表示該方法用于處理前端發送的登錄請求。同時，我們使用@RequestParam注解獲取前端發送的請求參數，其中"username"和"password"分別對應前端傳遞的用戶名和密碼。接下來，在方法中編寫登錄驗證邏輯，如果用戶名和密碼正確，則返回"登錄成功"，否則返回"用戶名或密碼錯誤"。最終，我們將返回的結果字符串通過AJAX的回調函數返回給前端頁面。

總結來說，通過AJAX技術可以實現在前端頁面中異步獲取后端控制器的數據。通過發送HTTP請求，并在回調函數中處理服務器返回的結果，我們可以實現在不刷新整個網頁的情況下更新特定部分的內容。在本文中，我們以一個登錄頁面為例，介紹了如何使用AJAX獲取后端控制器的數據。實際項目中，我們可以根據具體需求，使用不同的后端技術編寫相應的控制器，并根據前端發送的請求進行相應的業務處理。