AJAX（Asynchronous JavaScript and XML）是一種基于Web的前端開發技術，它通過異步地向服務器發送請求，從而使頁面能夠動態地獲取數據和更新內容，而無需刷新整個頁面。對于處理JSON（JavaScript Object Notation）數據，AJAX尤為重要。本文將介紹如何使用AJAX接收和顯示JSON數據，并通過舉例說明其應用。

假設我們正在開發一個電影推薦網站，通過AJAX從服務器獲取電影相關信息并在網頁上顯示。我們可以編寫一個AJAX請求，該請求將向服務器發送一個URL，服務器將返回一個JSON格式的響應，其中包含電影的標題、導演、評分和簡介等內容。然后，我們可以使用JavaScript處理JSON數據，并將其顯示在網頁上。

首先，我們需要通過AJAX發送一個GET請求來獲取電影數據。

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var movieData = JSON.parse(this.responseText);
// 處理返回的JSON數據
}
};
xhttp.open("GET", "movies.json", true);
xhttp.send();

在上面的代碼中，我們創建了一個XMLHttpRequest對象，并定義了一個回調函數。當服務器的響應狀態為4（請求已完成）且狀態碼為200時，我們將服務器響應的文本解析為JSON對象，并將其存儲在變量movieData中。

接下來，我們可以使用JavaScript處理JSON數據，并將其顯示在網頁上。

var movieTitle = movieData.title;
var movieDirector = movieData.director;
var movieRating = movieData.rating;
var movieSummary = movieData.summary;
document.getElementById("title").innerHTML = movieTitle;
document.getElementById("director").innerHTML = movieDirector;
document.getElementById("rating").innerHTML = movieRating;
document.getElementById("summary").innerHTML = movieSummary;

在上面的代碼中，我們首先從movieData對象中提取電影的標題、導演、評分和簡介等信息，并將其存儲在相應的變量中。然后，我們使用getElementById方法獲取網頁上對應的元素，并使用innerHTML屬性將電影信息顯示在網頁上。

通過AJAX接收和顯示JSON數據，我們能夠實現動態地更新網頁內容，提升用戶體驗。例如，在電影推薦網站上，當用戶點擊不同電影的鏈接時，我們可以通過AJAX請求獲取該電影的詳細信息，并即時顯示在用戶面前，而無需刷新整個頁面。這種實時的更新方式能夠大大提升用戶對網站的滿意度。

總之，AJAX是一種非常有用的前端開發技術，通過它我們可以接收和顯示JSON數據，并實現動態地更新網頁內容。通過舉例說明，本文介紹了如何使用AJAX獲取電影數據并在網頁上顯示。這里只是對AJAX應用的簡單介紹，AJAX還有更多的功能和用法等待我們去探索。