Ajax是一種用于在后臺獲取數據的技術，它可以在不刷新整個頁面的情況下，通過向后臺發送請求并接收返回的數據。在現代網頁開發中，Ajax已經成為了一種常見的技術。本文將介紹如何使用Ajax獲取后臺返回的JSON數據，并通過舉例說明其實際應用。

使用Ajax獲取后臺返回的JSON數據，可以使用XMLHttpRequest對象，也可以使用jQuery提供的ajax()方法。下面是使用XMLHttpRequest對象的例子：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里處理返回的JSON數據
}
};
xhr.open("GET", "http://example.com/api/data", true);
xhr.send();

在上面的例子中，首先創建了一個XMLHttpRequest對象xhr，并設置其onreadystatechange事件處理函數。當請求的狀態變化時，會調用該函數。當readyState為4（表示請求已完成）且status為200（表示請求成功）時，我們可以通過xhr.responseText獲取到后臺返回的JSON數據，并使用JSON.parse()方法將其轉換為JavaScript對象。接下來我們可以在處理函數中對數據進行相應的操作。

除了使用原生的XMLHttpRequest對象，還可以使用jQuery框架提供的ajax()方法來獲取后臺返回的JSON數據。下面是使用ajax()方法的例子：

$.ajax({
url: "http://example.com/api/data",
success: function(response) {
// 在這里處理返回的JSON數據
}
});

在上面的例子中，我們通過傳遞一個包含URL和成功回調函數的對象給ajax()方法，來發送GET請求并處理返回的JSON數據。成功回調函數中的參數response即為后臺返回的JSON數據。我們可以直接在回調函數中對數據進行操作。

接下來我們來看一個實際的例子。假設我們正在開發一個簡單的電影搜索應用，我們想要從后臺獲取一些電影的數據，并將其顯示在前端頁面上。我們可以通過Ajax獲取后臺返回的JSON數據，然后使用JavaScript將其展示出來。

$.ajax({
url: "http://example.com/api/movies",
success: function(response) {
var movies = response.movies;
var container = document.getElementById("movie-container");
for (var i = 0; i < movies.length; i++) {
var movie = movies[i];
var movieElement = document.createElement("div");
movieElement.innerHTML = "<h2>" + movie.title + "</h2><p>" + movie.description + "</p>";
container.appendChild(movieElement);
}
}
});

在上面的例子中，我們先發送一個GET請求到"http://example.com/api/movies"，后臺返回的JSON數據中包含了一組電影的信息。在成功回調函數中，我們將response.movies賦值給變量movies，然后遍歷movies數組，對每個電影創建一個div元素，并將電影的標題和描述添加到div元素中。最后將該div元素添加到前端頁面中的一個容器元素中。

通過上述例子，我們可以看到使用Ajax獲取后臺返回的JSON數據可以讓我們在前端頁面上展示動態數據，實現了更好的用戶體驗。同時，使用Ajax還可以提高網頁的性能，避免了頻繁的頁面刷新。

綜上所述，Ajax是一種很有用的技術，可以幫助我們在后臺獲取JSON數據，從而實現動態的數據展示。無論是使用原生的XMLHttpRequest對象還是使用jQuery的ajax()方法，我們都可以很方便地獲取后臺返回的JSON數據，并通過JavaScript對數據進行處理和展示。