在現代的Web開發中，AJAX（Asynchronous JavaScript and XML）是一個非常重要的技術。它允許我們在不刷新整個頁面的情況下，向服務器發送異步請求并獲取數據。而JSON（JavaScript Object Notation）是一種常用的數據格式，常用于在客戶端和服務器之間傳輸數據。

使用AJAX接收和顯示JSON數據是一種非常常見的場景。例如，當我們在一個網頁上點擊一個按鈕，使用AJAX從服務器獲取一個JSON格式的用戶信息，并在頁面上展示出來。下面是一個簡單的示例。

// HTML部分
<button id="getUserBtn">獲取用戶信息</button>
<div id="userInfo"></div>
// JavaScript部分
document.getElementById('getUserBtn').addEventListener('click', function() {
fetch('https://example.com/api/user')
.then(function(response) {
return response.json();
})
.then(function(data) {
var userInfoElement = document.getElementById('userInfo');
userInfoElement.innerHTML = '用戶名：' + data.username + '<br>年齡：' + data.age;
});
});

在上面的示例中，我們首先給一個按鈕添加了一個點擊事件監聽器。當按鈕被點擊時，會執行JavaScript部分的代碼。代碼中使用了fetch函數來向服務器發送一個GET請求，獲取用戶信息的JSON數據。然后，我們解析服務器返回的響應，將獲取到的JSON數據轉換成JavaScript對象。最后，我們使用獲取到的用戶信息，動態地將其展示在頁面上。

AJAX請求返回的JSON數據可以非常復雜，包含多個層級的對象和數組。下面是一個更復雜一點的示例，展示了如何處理這種情況。

// HTML部分
<button id="getPostsBtn">獲取所有帖子</button>
<ul id="postList"></ul>
// JavaScript部分
document.getElementById('getPostsBtn').addEventListener('click', function() {
fetch('https://example.com/api/posts')
.then(function(response) {
return response.json();
})
.then(function(data) {
var postListElement = document.getElementById('postList');
data.forEach(function(post) {
var listItem = document.createElement('li');
listItem.innerHTML = '標題：' + post.title + '<br>內容：' + post.content;
postListElement.appendChild(listItem);
});
});
});

在上面的示例中，我們通過AJAX請求獲取了一個包含多個帖子的JSON數據。在JavaScript部分的代碼中，使用了forEach函數來遍歷每個帖子，并將每個帖子的標題和內容拼接成一個HTML字符串，并添加到頁面的列表中。這樣，所有的帖子就會以列表的形式展示在頁面上。

總結來說，使用AJAX接收和顯示JSON數據是一種非常常見的場景。通過上述示例，我們可以清楚地了解到如何使用AJAX發送請求，獲取JSON數據，并動態地將其展示在頁面上。這樣，我們可以實現更加交互式和流暢的用戶體驗，同時減輕服務器的壓力。