AJAX（Asynchronous JavaScript and XML）是一種用于在后臺與服務器進行數據交互的技術。通過AJAX，可以實現頁面內容的局部刷新，而不需要刷新整個頁面。在Web開發中，AJAX經常被用來獲取服務器端的數據并將其實時顯示在前端頁面中。本文將介紹如何使用AJAX來獲取控制器數據，并通過舉例說明其用法。

在使用AJAX獲取控制器數據之前，我們需要先明確控制器的作用。控制器是MVC（Model-View-Controller）模式中的一部分，它用于處理前端頁面的請求，并將處理結果返回給前端頁面。通過AJAX獲取控制器數據，可以在前端頁面不刷新的情況下獲得最新的數據。

舉例來說，假設我們正在開發一個簡單的待辦事項應用。在這個應用中，我們有一個控制器用于處理待辦事項的增刪改查操作。現在我們需要在前端頁面上顯示所有待辦事項的列表。通過AJAX，我們可以在前端頁面初始化時向控制器發送請求，獲取待辦事項的列表數據，并將其實時顯示在頁面中。

$.ajax({
url: "/todos",  // 控制器的URL
method: "GET",  // 請求的方法
dataType: "json",  // 返回數據的類型
success: function(response) {
// 對控制器返回的數據進行處理
// 將待辦事項列表顯示在頁面中
},
error: function(error) {
// 處理請求失敗的情況
}
});

在上面的代碼中，我們使用了jQuery的ajax方法來發送GET請求到控制器的URL（"/todos"）。dataType屬性指定了返回數據的類型為JSON，success回調函數用于處理請求成功的情況，error回調函數用于處理請求失敗的情況。

當控制器成功返回待辦事項列表數據時，success回調函數會被調用。我們可以在該函數中對數據進行處理，并將待辦事項列表顯示在頁面中。具體的處理方式可以根據實際需求來定義。

除了獲取待辦事項列表數據，我們還可以使用AJAX來獲取單個待辦事項的詳細信息。通過向控制器發送帶有待辦事項ID的請求，我們可以從控制器中獲取該待辦事項的詳細信息，并將其顯示在前端頁面中。

$.ajax({
url: "/todos/{id}",  // 控制器的URL，其中{id}為待辦事項ID
method: "GET",  // 請求的方法
dataType: "json",  // 返回數據的類型
success: function(response) {
// 對控制器返回的數據進行處理
// 將待辦事項的詳細信息顯示在頁面中
},
error: function(error) {
// 處理請求失敗的情況
}
});

在上面的代碼中，我們將控制器的URL中的{id}替換為實際的待辦事項ID。當控制器成功返回待辦事項的詳細信息時，success回調函數會被調用。我們可以在該函數中對數據進行處理，并將待辦事項的詳細信息顯示在前端頁面中。

總而言之，通過AJAX可以方便地獲取控制器數據，并將其實時顯示在前端頁面中。無論是獲取待辦事項列表數據還是獲取單個待辦事項的詳細信息，都可以通過發送AJAX請求到控制器來實現。通過AJAX，我們可以改善用戶體驗，使頁面內容更加豐富和實時。