AJAX（Asynchronous JavaScript and XML）是一種在后臺與服務器進行數據交換的技術。通過AJAX，我們可以從后臺獲取JSON（JavaScript Object Notation）數據，并在前端進行處理和展示。本文將介紹如何使用AJAX從后臺獲取JSON數據，并通過舉例說明其應用場景和具體實現方式。

假設我們正在開發一個電商網站，在商品詳情頁中需要根據用戶的選擇實時更新相關信息。例如，當用戶選擇某個商品的不同顏色或尺碼時，我們希望頁面能夠實時展示該商品對應顏色和尺碼下的庫存、價格等信息。這時，我們可以使用AJAX從后臺獲取JSON數據，并根據用戶選擇的不同參數進行更新展示。

在頁面中，我們需要使用一個按鈕或下拉框來觸發AJAX請求，并且將用戶選擇的參數作為請求的參數發送給后臺。在后臺服務器上，我們需要編寫相應的接口，接收并處理這個請求，并根據用戶選擇的參數返回相應的JSON數據。

// HTML部分：
<button onclick="getProductDetails()">查看詳情</button>
<div id="details"></div>
// JavaScript部分：
function getProductDetails() {
let color = document.getElementById("color").value;
let size = document.getElementById("size").value;
let xhr = new XMLHttpRequest();
xhr.open("GET", "example.com/api/product-details?color=" + color + "&size=" + size, true);
xhr.onload = function() {
if (xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
let detailsDiv = document.getElementById("details");
detailsDiv.innerHTML = "庫存：" + response.stock + " 價格：" + response.price;
}
};
xhr.send();
}
// 后臺接口：
router.get("/api/product-details", function(req, res) {
let color = req.query.color;
let size = req.query.size;
let details = {
stock: getStock(color, size),
price: getPrice(color, size)
};
res.json(details);
});

在上述代碼中，我們使用XMLHttpRequest對象創建一個GET請求，并設置請求的URL和參數。在請求發出后，我們使用onload事件監聽響應，并在響應成功時將返回的JSON數據解析為JavaScript對象。

在后臺接口中，我們使用req.query對象獲取請求的參數，然后根據參數進行相應的處理。最后，我們將需要返回的數據組裝成一個JavaScript對象，并通過res.json方法將其返回給前端。

通過使用AJAX從后臺獲取JSON數據，我們可以實現頁面的動態更新和內容的實時展示。在電商網站的場景中，我們可以根據不同的參數返回不同的商品信息，從而提供更好的用戶體驗。此外，AJAX還可以應用于許多其他場景，例如社交媒體站點中的動態更新、天氣預報站點中的實時數據等等。

總結來說，AJAX從后臺獲取JSON數據是一種實現動態頁面更新的有效方式。通過正確設置請求的URL和參數，以及在后臺正確處理請求并返回相應的JSON數據，我們可以實現頁面的實時更新和內容展示。希望本文對您理解AJAX的使用和實現有所幫助。