AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上發送和接收數據的技術。它使得網頁能夠通過異步方式與服務器通信，不需要重新加載整個頁面。其中，JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于在客戶端和服務器之間傳輸數據。通過結合AJAX和JSON，我們可以高效地獲取和展示數據，提升用戶體驗。

舉例來說，假設我們正在開發一個天氣預報網站。我們希望在用戶輸入城市名稱后，能夠實時獲取該城市的天氣信息并顯示在網頁上。為了實現這個功能，我們可以使用AJAX和JSON來獲取并解析服務器返回的天氣數據。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方法和URL
var url = "https://api.weather.com/v1/data/forecast";
xhr.open("GET", url);
// 設置響應數據的格式為JSON
xhr.responseType = "json";
// 監聽請求的狀態改變事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取服務器返回的JSON數據
var weatherData = xhr.response;
// 解析JSON數據，提取天氣信息
var city = weatherData.city;
var temperature = weatherData.temperature;
var description = weatherData.description;
// 將天氣信息顯示在網頁上
document.getElementById("city").innerHTML = city;
document.getElementById("temperature").innerHTML = temperature;
document.getElementById("description").innerHTML = description;
}
};
// 發送請求
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象xhr，然后通過`open`方法設置了請求的方法和URL。我們還通過`responseType`屬性將響應數據的格式設置為JSON。接下來，我們通過監聽`onreadystatechange`事件來處理服務器返回的JSON數據。

當請求的狀態改變（readyState為4）且響應狀態碼為200時，表示服務器返回了正確的數據。我們可以通過`xhr.response`來獲取服務器返回的JSON數據。在這個例子中，我們假設服務器返回了包含城市名稱、溫度和天氣描述的JSON對象。

為了獲取和展示天氣信息，我們通過解析JSON數據，提取出城市名稱、溫度和天氣描述，并將它們顯示在網頁上的相應元素中（例如id為"city"、"temperature"和"description"的元素）。

總結來說，AJAX和JSON的結合使得我們能夠以異步方式獲取和解析服務器返回的數據，并在網頁上動態展示。這顯著提高了網站的用戶體驗，并使得我們能夠更加靈活地交互和呈現數據。