Ajax (Asynchronous JavaScript and XML) 是一種用于在后臺與服務器進行數據交換的技術。它可以在不重新加載整個網頁的情況下更新部分網頁內容，提高用戶體驗。在這篇文章中，我們將重點討論如何使用 Ajax 調用控制器。通過使用 Ajax，我們可以將用戶的請求發送到后端控制器，然后接收并處理控制器返回的數據。下面我們將通過舉例說明來介紹如何實現這一過程。
假設我們要實現一個簡單的示例，其中有一個按鈕，當用戶點擊該按鈕時，通過 Ajax 請求將數據發送到后端控制器，并將得到的返回結果顯示在頁面上。首先，我們需要編寫一個 HTML 頁面來呈現這個按鈕和結果。以下是一個簡單的示例：
<!DOCTYPE html>
<html>
<head>
<title>Ajax 調用控制器示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$.ajax({
url: "controller.php",
type: "POST",
data: {data: "Hello, World!"},
success: function(result) {
$("div").html(result);
}
});
});
});
</script>
</head>
<body>
<h1>Ajax 調用控制器示例</h1>
<button>點擊發送請求</button>
<div></div>
</body>
</html>
` 標簽中。
下面我們來看看后端控制器如何處理這個請求并返回數據。以下是一個簡單的 PHP 后端控制器示例：
<?php
if (isset($_POST['data'])) {
$data = $_POST['data'];
// 對收到的數據進行處理，并生成結果
$result = "處理后的結果: " . $data;
echo $result;
}
?>