AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下更新網頁內容的技術。通過使用AJAX，我們可以發送HTTP請求并接收JSON（JavaScript Object Notation）格式的響應。JSON是一種輕量級數據交換格式，常用于在前端和后端之間傳遞數據。本文將探討如何使用AJAX獲取JSON返回值，以及如何處理和展示這些返回值。

在發起AJAX請求之前，我們首先需要創建一個XMLHttpRequest對象，它負責將請求發送到服務器并接收響應。例如，我們可以使用以下代碼創建一個XMLHttpRequest對象：

var xhttp = new XMLHttpRequest();

接下來，我們可以使用該對象的open()方法指定請求的方式（GET或POST）、URL和是否異步等參數。例如，以下代碼示范了如何發送一個GET請求來獲取一個名為"data.json"的JSON文件：

xhttp.open("GET", "data.json", true);

在指定了請求參數之后，我們需要設置一個回調函數，在請求完成后該函數將被執行。在該回調函數內，我們可以處理并展示返回的JSON數據。例如，以下代碼展示了如何處理響應的JSON數據：

xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
// 處理和展示返回的JSON數據
}
};

在上述代碼中，我們使用了XMLHttpRequest對象的onreadystatechange屬性來指定回調函數。該回調函數會在每次readyState屬性發生變化時被調用。readyState屬性表示請求的狀態，其中值4表示請求已完成并且響應已就緒。

在回調函數內部，我們首先要檢查響應的狀態碼是否為200。狀態碼200表示請求成功。如果請求成功，我們可以使用JSON.parse()方法解析響應的文本字符串，并將其轉換為JavaScript對象。例如，以下代碼展示了如何處理并展示返回的JSON數據：

var response = JSON.parse(this.responseText);
console.log(response.name);
console.log(response.age);

在上述代碼中，我們將返回的JSON數據賦值給變量response，并通過response對象訪問其中的屬性。例如，我們可以使用response對象的name屬性和age屬性來獲取相應的值。

通過以上的例子，我們可以看到AJAX獲取JSON返回值的過程和應用。我們使用XMLHttpRequest對象來發送請求，并在請求完成后使用回調函數處理和展示返回的JSON數據。這使得我們可以在網頁中動態地更新數據，而無需刷新整個頁面。