AJAX（Asynchronous JavaScript and XML）是一種用于創(chuàng)建交互式網頁應用程序的技術。它通過在后臺與服務器進行數據交換，實現了網頁無需刷新就能更新內容的功能。在實際開發(fā)中，我們經常需要通過AJAX接收并處理JSON數據。本文將重點介紹如何使用AJAX接收JSON數據，并給出一些示例和代碼。

首先，我們需要使用AJAX的XMLHttpRequest對象來向服務器發(fā)送請求，并接收返回的JSON數據。以下是一個簡單的示例：

// 創(chuàng)建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 定義一個回調函數，處理返回的JSON數據
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里處理返回的JSON數據
console.log(response);
}
}
};
// 發(fā)送AJAX請求
xhr.open('GET', 'example.com/api/data', true);
xhr.send();

在上面的代碼中，我們創(chuàng)建了一個XMLHttpRequest對象，并指定了一個回調函數onreadystatechange。當readyState的值變?yōu)?（即請求完成）時，我們通過status判斷請求是否成功。如果請求成功，我們將返回的JSON字符串轉換為JavaScript對象，然后可以在回調函數中進行進一步的處理。

接下來，讓我們通過一個實際的示例來說明如何使用AJAX接收JSON數據。假設我們正在開發(fā)一個天氣應用程序，需要從服務器獲取天氣數據。以下是一個簡化的示例：

// 創(chuàng)建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 定義一個回調函數，處理返回的JSON數據
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里處理返回的JSON數據
var temperature = response.main.temp;
var weatherDescription = response.weather[0].description;
// 更新頁面上的天氣信息
document.getElementById('temperature').innerText = temperature + '°C';
document.getElementById('description').innerText = weatherDescription;
}
}
};
// 發(fā)送AJAX請求
xhr.open('GET', 'example.com/api/weather', true);
xhr.send();

在上面的代碼中，我們從服務器獲取了天氣數據，并根據數據更新了頁面上的溫度和天氣描述信息。這個示例展示了如何使用AJAX接收JSON數據，并根據返回的數據來更新頁面內容。

綜上所述，AJAX可以很方便地與服務器進行數據交換，通過接收JSON數據，我們可以在前端實現各種功能，如更新頁面內容、處理表單數據等。有了AJAX和JSON的配合，我們可以為用戶提供更好的交互體驗，并提升網頁應用程序的性能。