在現代Web開發中，Ajax（Asynchronous JavaScript and XML）已經成為一種常見的技術。它可以通過異步請求，在不刷新整個頁面的情況下與后臺交換數據。而接收后臺返回的JSON數據則成為Ajax中最常見的應用之一。本文將介紹如何使用Ajax接收后臺返回的JSON數據，并舉例說明其應用。

首先，我們需要了解JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，它基于JavaScript的一個子集。JSON數據由鍵值對組成，類似于JavaScript對象。例如，下面是一個簡單的JSON數據：

{"name": "Alice", "age": 25, "gender": "female"}

假設我們的后臺接口返回了一個JSON字符串，我們可以使用Ajax提供的方法將其轉換為JavaScript對象：

var jsonStr = '{"name": "Alice", "age": 25, "gender": "female"}';
var jsonObj = JSON.parse(jsonStr);

現在，我們可以使用jsonObj對象訪問其中的鍵值對。例如，我們可以通過jsonObj.name獲取到"name"對應的值，即"Alice"。

接下來，讓我們以一個簡單的例子來說明如何使用Ajax接收后臺返回的JSON數據。假設我們有一個輸入框和一個按鈕，用戶輸入一個城市名稱，點擊按鈕后，頁面將會顯示該城市的當前天氣情況。

function getWeather() {
var city = document.getElementById("cityInput").value;
var url = "http://api.weatherapi.com/v1/current.json?key=YOUR_API_KEY&q=" + city;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
var weather = response.current.condition.text;
document.getElementById("weatherInfo").innerHTML = "當前天氣：" + weather;
}
};
xhttp.open("GET", url, true);
xhttp.send();
}

上述代碼中，我們首先獲取到用戶輸入的城市名稱，并構建了一個帶有城市名稱的URL，用于向天氣API發送請求。然后，我們創建了一個XMLHttpRequest對象，并設置了其onreadystatechange事件。當請求的狀態發生變化時，我們使用JSON.parse方法將返回的JSON字符串轉換為JavaScript對象。

最后，我們通過document.getElementById方法獲取到頁面中的