AJAX（Asynchronous JavaScript and XML）是一種前端技術，能夠實現在不刷新網頁的情況下，與服務器進行數據交互。其中，返回JSON數據是常見的應用場景之一。本文將詳細介紹如何使用AJAX來獲取并返回JSON數據，并通過舉例來說明。

在AJAX中，通過發送HTTP請求來與服務器進行數據交互。當需要獲取JSON數據時，可以通過AJAX的方式發送GET或POST請求，然后從服務器端獲取JSON數據，并在前端進行處理。

舉例來說明，假設我們需要獲取一個電影列表的JSON數據。我們可以通過以下代碼使用AJAX來獲取并返回JSON數據：

$.ajax({
url: "movies.json",
type: "GET",
dataType: "json",
success: function(data) {
// 處理返回的JSON數據
console.log(data);
},
error: function(jqXHR, textStatus, errorThrown) {
// 處理請求錯誤
console.log("請求失?。? + textStatus);
}
});

上述代碼中，首先指定了請求的URL（movies.json）及請求類型（GET）。接著，使用dataType指定了需要返回的數據類型為JSON。這樣，當請求成功時，會觸發success回調函數，其中的data參數即為返回的JSON數據。在success回調函數中，可以根據需求對返回的JSON數據進行處理。

假如我們需要在頁面上顯示電影列表的標題和評分，可以按照以下的方式處理返回的JSON數據：

$.ajax({
url: "movies.json",
type: "GET",
dataType: "json",
success: function(data) {
// 遍歷電影列表
for (var i = 0; i < data.length; i++) {
var movie = data[i];
var title = movie.title;
var rating = movie.rating;
// 在頁面上顯示電影標題和評分
$("ul").append("<li>" + title + " - " + rating + "</li>");
}
},
error: function(jqXHR, textStatus, errorThrown) {
// 處理請求錯誤
console.log("請求失?。? + textStatus);
}
});

在上述代碼中，我們使用了一個循環來遍歷返回的JSON數據。對于每個電影對象，我們獲取了其標題（title）和評分（rating）。然后，使用jQuery的append方法將電影標題和評分添加到

標簽中，以便在頁面上顯示出來。

AJAX通過異步方式獲取JSON數據，可以大大提升網頁的用戶體驗。當我們需要獲取并使用JSON數據時，只需要通過AJAX發送HTTP請求，即可在前端獲取數據并進行相應的處理。以上是關于如何使用AJAX獲取并返回JSON數據的詳細介紹。