AJAX（Asynchronous JavaScript and XML）是一種用于從服務器異步獲取數據并更新網頁內容的技術。利用AJAX可以在不刷新整個頁面的情況下更新部分網頁內容，提高用戶體驗。而JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端數據傳輸。本文將介紹如何使用AJAX接收JSON數據，并以舉例的方式詳細說明。

AJAX通過XMLHttpRequest對象來實現異步請求，其中responseText屬性用于接收服務器返回的數據。當服務器返回JSON格式的數據時，可以將responseText解析為JavaScript對象，進而獲取其中的內容。下面以獲取天氣預報為例進行說明。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var temperature = response.temperature;
var condition = response.condition;
document.getElementById("temperature").innerHTML = temperature + "℃";
document.getElementById("condition").innerHTML = condition;
}
};
xhr.open("GET", "weather.php", true);
xhr.send();

在上述代碼中，首先創建了一個XMLHttpRequest對象（xhr），并定義了其onreadystatechange事件處理函數。當xhr的狀態發生改變時，onreadystatechange事件將被觸發。在事件處理函數中，首先通過判斷xhr的狀態和HTTP狀態碼，確保請求已經成功完成。然后使用JSON.parse方法將服務器返回的JSON數據解析為JavaScript對象，并根據其中的內容更新網頁的顯示。此處假設服務器返回的JSON數據格式為：

{
"temperature": "26",
"condition": "晴"
}

假設網頁中有兩個元素，分別是顯示溫度的元素和顯示天氣狀況的元素。當AJAX請求成功后，將獲取到的溫度和天氣狀況賦值給對應的元素的innerHTML屬性，從而更新網頁內容。

除了GET請求，AJAX還支持POST請求來發送JSON數據。下面以向服務器提交用戶評論為例進行說明。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
alert("評論提交成功！");
} else {
alert("評論提交失敗，請稍后再試。");
}
}
};
xhr.open("POST", "comment.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
var comment = {
"content": "這是一條評論",
"user": "張三"
};
xhr.send(JSON.stringify(comment));

在上述代碼中，首先創建了一個XMLHttpRequest對象（xhr），并定義了其onreadystatechange事件處理函數。當xhr的狀態發生改變時，onreadystatechange事件將被觸發。與上述GET請求不同的是，此處使用了POST請求。此外，還通過setRequestHeader方法設置請求頭的Content-Type為application/json，指明數據傳輸的格式為JSON。

將評論內容和用戶信息封裝為一個JavaScript對象comment，并通過JSON.stringify方法將其轉換為JSON字符串。然后將該字符串作為參數傳遞給xhr的send方法，將數據發送給服務器的comment.php接口。服務器接收到請求后，根據JSON數據進行處理，并將結果返回給前端。在此處假設服務器返回的JSON數據格式為：

{
"success": true
}

根據返回的JSON數據，可以提示用戶評論提交的結果。

AJAX通過XMLHttpRequest對象實現與服務器的異步通信，可以方便地接收JSON數據，并實現根據數據更新網頁內容的操作。以上只是兩個簡單的例子，AJAX和JSON的應用場景非常廣泛。希望讀者通過本文的介紹，對AJAX如何接收JSON數據有所了解，并能靈活運用到自己的項目中。