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的结合使得我们能够以异步方式获取和解析服务器返回的数据，并在网页上动态展示。这显著提高了网站的用户体验，并使得我们能够更加灵活地交互和呈现数据。