AJAX（Asynchronous JavaScript and XML）是一種在Web開發中使用的技術，可以在不重新加載整個頁面的情況下，從服務器獲取數據并更新部分網頁內容。其中，接收并處理返回的JSON數據是AJAX的一種常見應用場景。本文將介紹AJAX接收返回的JSON數據，并通過舉例來說明。

在AJAX中，服務器一般會返回JSON格式的數據，以便于在客戶端進行處理和展示。例如，一個簡單的例子是獲取天氣信息。當用戶在一個輸入框中輸入城市名稱，并點擊“查詢”按鈕時，通過AJAX向服務器發送請求，并接收服務器返回的JSON數據。

$.ajax({
url: 'weather_api.php',
type: 'GET',
data: { city: 'Beijing' },
dataType: 'json',
success: function(data) {
// 處理返回的JSON數據
// 更新網頁上對應的天氣信息
},
error: function(error) {
// 處理錯誤情況
// 提示用戶獲取數據失敗
}
});

上述代碼中的url指定了服務器端獲取天氣信息的API的地址，type指定了請求的類型為GET，data是一個包含城市名稱的參數對象，dataType指定了希望接收的數據類型為JSON。當請求成功時，success回調函數會被觸發，可以在其中處理返回的JSON數據，并更新網頁上對應的天氣信息。當請求失敗時，error回調函數會被觸發，可以在其中處理錯誤情況。

接收到返回的JSON數據后，可以使用JavaScript進行解析和處理。例如，在上述的天氣查詢例子中，服務器返回的JSON數據可能類似于：

{
"city": "Beijing",
"temperature": "25°C",
"weather": "Sunny"
}

這個JSON對象包含了城市名稱、溫度和天氣等信息。我們可以使用JavaScript來獲取并處理這些信息：

success: function(data) {
var city = data.city;
var temperature = data.temperature;
var weather = data.weather;
// 在網頁上更新對應的天氣信息
$('#city').text(city);
$('#temperature').text(temperature);
$('#weather').text(weather);
}

以上代碼將從返回的JSON數據中提取城市名稱、溫度和天氣等信息，并使用jQuery選擇器找到網頁上對應的元素，將信息更新到對應的元素中。

除了處理簡單的JSON數據外，AJAX還可以處理嵌套的JSON數據。例如，一個TODO list應用中，返回的JSON數據可能是一個包含多個任務的數組：

[
{
"id": 1,
"task": "Buy groceries",
"status": "incomplete"
},
{
"id": 2,
"task": "Do laundry",
"status": "complete"
},
{
"id": 3,
"task": "Clean the house",
"status": "incomplete"
}
]

我們可以通過循環遍歷這個JSON數組，將每個任務的屬性提取出來，并在網頁上展示：

success: function(data) {
for (var i = 0; i < data.length; i++) {
var task = data[i].task;
var status = data[i].status;
// 在網頁上展示任務和狀態信息
$('#taskList').append('<li>' + task + ' - ' + status + '</li>');
}
}

上述代碼通過循環遍歷返回的JSON數組，提取每個任務的任務和狀態信息，并將其添加到一個TODO list中。

通過以上的例子，我們可以看到如何使用AJAX接收返回的JSON數據，并在客戶端進行解析和處理。從服務器獲取JSON數據并實時更新網頁內容，使得Web應用變得更加交互和動態。