AJAX（Asynchronous JavaScript And XML）是一種用于在不刷新整個頁面的情況下，通過后臺獲取數據并更新部分頁面內容的技術。在Java Web開發中，我們可以使用AJAX來異步獲取后臺的數據并將其渲染到前端頁面中。這篇文章將重點介紹如何使用AJAX來獲取Spring MVC框架中的ModelAndView對象，并將其展示在前端頁面上。

假設我們有一個簡單的學生管理系統，可以通過前端頁面實現對學生信息的增刪改查操作。當用戶在前端頁面點擊查詢按鈕時，我們將使用AJAX來獲取后臺返回的ModelAndView對象，并將其展示在頁面中。

首先，我們需要在前端頁面的JavaScript代碼中使用AJAX來發送GET請求，獲取后臺數據。以下是一個簡單的示例：

$.ajax({
url: "/student/query",
type: "GET",
success: function(response) {
// 在這里處理后臺返回的ModelAndView對象
},
error: function(error) {
console.log(error);
}
});

在上述示例代碼中，我們發送了一個GET請求到后臺的"/student/query"接口。接下來，我們需要在后臺Spring MVC的控制器方法中，返回一個ModelAndView對象：

@GetMapping("/student/query")
public ModelAndView queryStudents() {
List<Student> students = studentService.getAllStudents();
ModelAndView modelAndView = new ModelAndView("studentList");
modelAndView.addObject("students", students);
return modelAndView;
}

在上述示例代碼中，我們從數據庫中獲取了所有的學生信息，并將其封裝到一個List對象中。接著，我們創建了一個名為"studentList"的ModelAndView對象，并將學生List對象作為"students"的屬性添加到該對象中。最后，我們返回這個ModelAndView對象。

當AJAX請求成功后，會觸發success回調函數，并將后臺返回的ModelAndView對象作為參數傳遞進來。我們可以在該回調函數中進一步處理這個對象，將其渲染到前端頁面中。例如，我們可以在前端頁面的某個元素中顯示學生信息：

success: function(response) {
var students = response.model.students;
var studentListElement = $("#student-list");
// 清空之前的學生信息
studentListElement.empty(); 
// 遍歷學生列表，將每個學生信息添加到頁面中
students.forEach(function(student) {
var studentElement = $("<li>" + student.name + "</li>");
studentListElement.append(studentElement);
});
}

在上述示例代碼中，我們首先通過response對象獲取到后臺返回的ModelAndView對象中的學生列表屬性"students"。接著，我們找到頁面中的一個id為"student-list"的元素，并清空該元素中的內容。然后，我們遍歷學生列表，將每個學生的名稱以li元素的形式添加到"student-list"元素中。

總而言之，使用AJAX來獲取Spring MVC框架中的ModelAndView對象非常便捷。通過在前端頁面的JavaScript代碼中發送AJAX請求，我們可以異步獲取后臺的數據，并動態地將其展示在頁面上。這種方式不僅提高了用戶體驗，還減少了頁面刷新的次數，提高了系統的響應速度。