使用Ajax獲取JSON數據并將其輸出到網頁是現代Web開發中常見的需求。Ajax（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下，通過異步請求服務器數據并更新網頁內容的技術。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端數據傳輸。通過結合Ajax和JSON，可以實現動態地獲取并展示服務器上的數據，提升用戶體驗，并且降低了網絡流量的消耗。
舉例來說，假設我們正在開發一個電影信息網站，需要從服務器端獲取電影的名稱、導演和上映日期等信息，并在網頁上展示出來。我們首先需要創建一個可以接收Ajax請求的服務器端接口，該接口返回一個符合JSON格式的電影信息數據。接下來，在網頁上使用Ajax發送一個異步請求到服務器端的接口，獲取電影信息數據，并將其輸出到網頁。
以下是一個使用jQuery庫的示例代碼，展示了如何使用Ajax獲取JSON數據并將其輸出到網頁：

javascript
$(document).ready(function() {
$.ajax({
url: "服務器端接口地址",
dataType: "json",
success: function(data) {
// 數據獲取成功后的回調函數
var movieName = data.name;
var movieDirector = data.director;
var releaseDate = data.release_date;
// 將電影信息輸出到網頁
$("body").append("<p>電影名稱：" + movieName + "</p>");
$("body").append("<p>導演：" + movieDirector + "</p>");
$("body").append("<p>上映日期：" + releaseDate + "</p>");
},
error: function() {
// 數據獲取失敗后的回調函數
$("body").append("<p>數據獲取失敗</p>");
}
});
});

上述示例代碼首先使用$.ajax函數發送一個Ajax請求到服務器端的接口。url參數指定服務器端接口的地址，dataType參數指定數據類型為JSON。當請求成功時，成功的回調函數中的data參數將包含從服務器端返回的JSON數據。我們根據數據結構，提取出電影名稱、導演和上映日期等信息，并通過append函數將其輸出到網頁。當請求失敗時，錯誤的回調函數則輸出一個錯誤消息。
在實際開發中，服務器端接口的地址可以是一個真實的URL，指向一個能夠返回JSON數據的服務器接口。而電影信息數據可以是從數據庫中取得的真實數據。通過使Ajax請求在后臺與服務器進行通信，我們可以實現數據的動態加載，使網頁內容與服務器端保持同步。
在以上示例中，我們使用了jQuery庫簡化了Ajax請求的代碼。當然，我們也可以使用純JavaScript來實現相同的效果，只不過代碼會更加冗長。不過無論使用哪種方式，Ajax獲取JSON數據并輸出到網頁是一種非常有用的技術，可以為網站的用戶提供更豐富的交互體驗。