Ajax（Asynchronous JavaScript and XML）是一種用于在Web應用程序中異步發送和接收數據的技術。在現代Web開發中，Ajax已經被廣泛應用于提升用戶體驗和增加Web應用程序的實時交互功能。本文將討論如何使用Ajax技術從后端的controller獲取數據，并給出一些具體的示例。

在傳統的Web應用程序中，當用戶與前端頁面進行交互時，通常需要刷新整個頁面才能獲取新數據。這種方式不僅影響用戶體驗，而且在網絡傳輸上也存在較大的開銷。使用Ajax技術，我們可以通過異步請求只更新頁面的一部分內容，而不需要刷新整個頁面。

下面是一個簡單的示例，展示了如何使用Ajax從后端的controller獲取數據。假設我們有一個電子商務網站，需要實時顯示用戶的購物車數量。我們可以使用Ajax技術定期向后端的controller發送請求，并將獲取到的購物車數量更新到前端頁面上。

// 前端代碼
function updateCartQuantity() {
$.ajax({
url: "/cart/quantity",
method: "GET",
success: function(response) {
$("#cart-quantity").text(response.quantity);
},
error: function() {
console.log("Error occurred while updating cart quantity.");
}
});
}
setInterval(updateCartQuantity, 1000); // 每秒更新購物車數量

// 后端controller代碼（使用Express.js框架的示例）
app.get("/cart/quantity", (req, res) =>{
const cartQuantity = // 從數據庫或其他數據源獲取購物車數量的邏輯
res.json({ quantity: cartQuantity });
});

在上面的示例中，前端代碼使用了jQuery庫的ajax函數，通過GET請求向后端的"/cart/quantity"路由發送請求。后端controller接收到請求后，從數據庫或其他數據源獲取購物車數量，并將其以JSON形式的響應返回給前端。前端代碼將響應中的購物車數量更新到頁面上的相應元素中。

除了獲取數據，Ajax還可以用于發送數據給后端的controller進行處理。假設我們網站上有一個聯系表單，用戶填寫完表單后點擊提交按鈕，我們需要將表單數據發送給后端的controller進行處理。使用Ajax技術，我們可以在頁面不刷新的情況下將表單數據發送給后端。

// 前端代碼
$("#contact-form").submit(function(e) {
e.preventDefault(); // 阻止表單的默認提交行為
const formData = {
name: $("#name").val(),
email: $("#email").val(),
message: $("#message").val()
};
$.ajax({
url: "/contact",
method: "POST",
data: formData,
success: function(response) {
alert("Message sent successfully!");
},
error: function() {
console.log("Error occurred while sending message.");
}
});
});

// 后端controller代碼
app.post("/contact", (req, res) =>{
const name = req.body.name;
const email = req.body.email;
const message = req.body.message;
// 處理表單數據的邏輯
res.sendStatus(200); // 返回成功狀態碼
});

在上述示例中，前端代碼監聽了聯系表單的提交事件，并阻止了表單的默認提交行為。然后，它通過獲取表單中的數據創建一個formData對象，并將其通過Ajax的POST請求發送給后端的"/contact"路由。后端controller接收到請求后，解析出表單數據并進行處理，最后返回一個成功的響應給前端。

通過以上幾個示例，我們可以看到Ajax技術如何通過前后端的協作來實現實時數據的獲取和交互。通過異步請求，我們可以從后端的controller獲取數據，并在前端頁面進行實時的更新。同時，我們也可以使用Ajax將前端頁面的數據發送給后端進行處理。這些功能大大提升了Web應用程序的用戶體驗和交互性。