<button onclick="getMovieInfo()">獲取電影信息</button>
<div id="result"></div>

接下來，我們需要在JavaScript中編寫一個函數來發送AJAX請求，并處理后端返回的數據。

function getMovieInfo() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var movie = JSON.parse(xhr.responseText);
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = "電影標題：" + movie.title + "<br>";
resultDiv.innerHTML += "導演：" + movie.director + "<br>";
resultDiv.innerHTML += "年份：" + movie.year;
} else {
console.log("請求失敗");
}
}
}
xhr.open("GET", "http://example.com/getMovieInfo", true);
xhr.send();
}

在上述代碼中，我們創建了一個XMLHttpRequest對象，它是執行AJAX請求的核心。我們通過設置onreadystatechange事件處理程序來指定在每次狀態改變時執行的代碼。當XMLHttpRequest對象的readyState屬性為4時，表示響應已經完全返回，我們使用status屬性來檢查響應是否成功。如果響應成功，我們使用JSON.parse()方法來解析返回的JSON字符串，并將電影信息顯示在resultDiv元素中。

現在，我們需要在Java后端編寫一個用于處理AJAX請求的控制器。假設我們使用Spring MVC框架，下面是一個簡單的控制器示例：

@RestController
public class MovieController {
@RequestMapping("/getMovieInfo")
public Movie getMovieInfo() {
Movie movie = new Movie();
movie.setTitle("阿甘正傳");
movie.setDirector("羅伯特·澤米吉斯");
movie.setYear(1994);
return movie;
}
}

在上述代碼中，我們使用@RequestMapping注解將getMovieInfo()方法映射到路徑“/getMovieInfo”。該方法返回一個自定義的Movie對象，其中包含電影的標題、導演和年份等信息。

當用戶點擊前端頁面中的“獲取電影信息”按鈕時，JavaScript函數getMovieInfo()會發送一個GET請求到“http://example.com/getMovieInfo”，并從Java后端接收到電影信息的JSON對象。通過AJAX，我們可以在不刷新整個頁面的情況下更新前端的內容，為用戶提供更好的交互體驗。

總之，AJAX是一種非常強大和有用的技術，它允許在不刷新整個頁面的情況下與后端進行數據交互。通過示例，我們展示了如何使用AJAX在Java后端發送數據，并在前端使用AJAX技術接收后端返回的數據。希望本文能幫助你理解并應用AJAX技術。