AJAX（Asynchronous JavaScript and XML）是一種用于在 web 頁面中異步傳輸數據的技術。它可以在不重新加載整個頁面的情況下，通過與服務器進行數據交互，實現對部分頁面內容的更新。與傳統的同步請求方式相比，AJAX 具有更快的響應速度和更好的用戶體驗。

在使用 AJAX 進行數據交互的過程中，通常會使用 JSON（JavaScript Object Notation）作為數據的格式。JSON 是一種輕量級的數據交換格式，它以易讀和易寫的文本格式表示結構化數據。JSON 數據由鍵值對組成，可以包含任意的嵌套結構。

假設我們要開發一個簡單的網站，該網站顯示一些新聞文章的標題和內容。服務器端提供了一個 API，可以通過 AJAX 請求獲取這些數據。服務器返回的數據格式為 JSON。

$.ajax({
url: 'https://example.com/api/news',
method: 'GET',
dataType: 'json',
success: function(data) {
// 處理返回的 JSON 數據
for (var i = 0; i < data.length; i++) {
var article = data[i];
$('body').append('<h2>' + article.title + '</h2>');
$('body').append('<p>' + article.content + '</p>');
}
}
});

在上面的示例中，我們使用 jQuery 的 AJAX 方法向服務器發送一個 GET 請求，數據類型為 JSON。成功回調函數將獲取到的 JSON 數據進行處理，將每篇新聞文章的標題和內容添加到網頁的 body 元素下。

通過 AJAX 接收到的 JSON 數據可以直接在 JavaScript 中使用。例如，我們可以通過 JavaScript 計算每篇文章的字數，然后根據字數進行展示或排序。

var totalWords = 0;
for (var i = 0; i < data.length; i++) {
var article = data[i];
var words = article.content.split(' ').length;
totalWords += words;
}
console.log('Total words: ' + totalWords);

上述代碼遍歷每篇文章的內容，使用 split 方法將內容以空格進行分割，然后使用 length 屬性獲取單詞數量。最后將每篇文章的單詞數量累加，輸出總字數。

另外，通過 AJAX 接收到的 JSON 數據還可以與其他 JavaScript 庫進行集成，實現更多的功能。例如，如果我們使用 Google 地圖來顯示新聞文章的地理位置信息，可以將 AJAX 獲取到的 JSON 數據與 Google 地圖的 API 進行結合，動態地在地圖上標記出新聞發生地點。

for (var i = 0; i < data.length; i++) {
var article = data[i];
var location = article.location;
var marker = new google.maps.Marker({
position: location,
map: map,
title: article.title
});
}

上述代碼使用 Google 地圖的 API 創建一個地圖標記，并將其位置設置為從 JSON 數據中獲取的新聞地點。然后將標記添加到地圖中，并將新聞標題作為標記的標題顯示。

AJAX 接收到的 JSON 數據可以靈活地應用于網站的各個方面。無論是在頁面展示、數據處理還是與其他庫的集成中，JSON 都為我們提供了豐富的數據表達能力和靈活的操作方式。