AJAX（Asynchronous JavaScript and XML）是一種通過使用 JavaScript 和 XML 來實現異步數據交互的技術。它通過在后臺與服務器進行少量數據交換，以便將頁面的某些部分動態更新，而不是重新加載整個頁面。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于在客戶端和服務器之間傳遞結構化的數據。在本文中，我們將討論如何使用 AJAX 來獲取 JSON 數據。

在實際開發中，我們經常需要通過 AJAX 獲取后臺返回的 JSON 數據，并使用這些數據來動態更新頁面內容。例如，假設我們正在開發一個天氣預報應用程序，并且需要從天氣數據 API 獲取實時天氣數據來展示給用戶。

首先，我們需要創建一個用于展示天氣信息的<div>元素：

<div id="weatherInfo"></div>

然后，我們使用 AJAX 發送 HTTP 請求來獲取 JSON 數據：

var xhr = new XMLHttpRequest(); // 創建一個XMLHttpRequest對象
xhr.onreadystatechange = function() {  // 注冊onreadystatechange事件，查看請求狀態
if (xhr.readyState === 4 && xhr.status === 200) { // XMLHttpRequest完成且成功
var response = JSON.parse(xhr.responseText); // 將 JSON 數據解析為 JavaScript 對象
updateWeatherInfo(response); // 更新天氣信息
}
};
xhr.open("GET", "weatherapi.com", true); // 定義請求的類型、URL 以及是否異步
xhr.send(); // 發送請求

在上面的例子中，我們使用了XMLHttpRequest對象來發送 HTTP 請求。我們監聽onreadystatechange事件，并在請求完成且成功時，將服務器返回的 JSON 數據解析為 JavaScript 對象。接下來，我們調用updateWeatherInfo函數來更新天氣信息。

接下來，我們需要實現updateWeatherInfo函數來更新頁面上的天氣信息：

function updateWeatherInfo(data) {
var weatherInfoElement = document.getElementById("weatherInfo");
var city = data.city; // 從數據中獲取城市名
var temperature = data.temperature; // 從數據中獲取溫度
var description = data.description; // 從數據中獲取天氣描述
weatherInfoElement.innerHTML = "城市：" + city + 
"<br>溫度：" + temperature + 
"<br>天氣描述：" + description;
}

在這個函數中，我們首先獲取用于展示天氣信息的<div>元素的引用。然后，我們從傳入的數據中獲取城市、溫度和天氣描述，并將其拼接到一個字符串中，最后將其賦值給weatherInfoElement的innerHTML屬性，從而將天氣信息顯示在頁面上。

通過使用 AJAX 獲取 JSON 數據，我們可以實現在不刷新整個頁面的情況下，動態地展示最新的數據給用戶。這種技術在各種 Web 應用程序中都得到了廣泛應用，例如社交媒體網站上的實時消息更新、電子商務網站上的購物車更新等。

總之，AJAX 是一種強大的技術，它提供了一種無需刷新整個頁面的方式來與服務器進行數據交互。與 JSON 結合使用，可以輕松地獲取和處理結構化的數據，并將其動態展示給用戶。