AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁的技術，可以在不重新加載整個頁面的情況下更新部分頁面內容。AJAX 可以從服務器異步獲取數據，并將數據返回到網頁上，通常使用JSON（JavaScript Object Notation）格式來傳輸數據。這篇文章將介紹如何使用AJAX接收返回的JSON數據。

假設我們有一個網站，用戶可以在其中搜索圖書。當用戶輸入關鍵字并點擊搜索按鈕后，網站會使用AJAX向服務器發送請求，并返回匹配的圖書信息。下面是一個簡單的示例：

var xhr = new XMLHttpRequest(); // 創建XMLHttpRequest對象
xhr.open("GET", "search.php?keyword=javascript", true); // 設置請求的URL和參數
xhr.onreadystatechange = function() { // 當狀態發生改變時的回調函數
if (xhr.readyState === 4 && xhr.status === 200) { // 請求已完成且成功返回
var response = JSON.parse(xhr.responseText); // 將返回的JSON數據解析為JavaScript對象
// 處理返回的數據
for (var i = 0; i< response.books.length; i++) {
var book = response.books[i];
console.log("書名：" + book.title + "，作者：" + book.author);
}
}
};
xhr.send(); // 發送請求

上面的代碼使用XMLHttpRequest對象創建了一個GET請求，請求的URL為"search.php?keyword=javascript"，這個URL包含了用戶輸入的關鍵字。當請求的狀態發生改變時，會執行回調函數，如果請求已完成且成功返回（readyState為4且status為200），則會解析返回的JSON數據，并對數據進行處理。

在回調函數中，我們通過調用JSON.parse()方法將返回的JSON數據解析為JavaScript對象。然后，我們可以使用返回的數據進行各種操作。在這個示例中，我們循環遍歷了返回的書籍數據，然后將每本書的標題和作者打印出來。

使用AJAX接收返回的JSON數據可以在很多場景下非常有用。比如，在社交媒體網站上，當用戶點擊“加載更多”按鈕時，網站可以使用AJAX從服務器獲取更多的用戶帖子，并將新的帖子添加到頁面中。這種方式可以提高用戶體驗，避免每次都重新加載整個頁面。

總之，AJAX是一種強大的技術，可以使網頁更加動態和交互。通過接收返回的JSON數據，我們可以根據需要更新頁面內容，提供更好的用戶體驗。希望通過這篇文章，讀者能夠了解如何使用AJAX接收返回的JSON數據，并應用到自己的項目中。