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的使用和实现有所帮助。