ajax 展示json

AJAX 是 Asynchronous JavaScript and XML 的缩写，它利用JavaScript和XML技术来实现异步数据访问，可以实时更新数据而不用重新加载页面。JSON 是一种轻量级的数据交换格式，它以文本格式表达数据，易于阅读和编写。

AJAX 使用 JSON 来展示数据，在前端页面使用 JavaScript 发送请求，后端服务器返回 JSON 格式的数据，在前端页面使用 JavaScript 解析 JSON 数据并展示在页面上，从而实现了页面的动态更新。

//例子：前端页面通过 AJAX 请求获取 JSON 格式的数据
var xmlhttp;
if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
} else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var responseJson = JSON.parse(this.responseText);
        // 对数据进行处理和展示
    }
};
xmlhttp.open("GET","example.com/data.json",true);
xmlhttp.send();

以上代码中，XMLHttpRequest 对象用于向服务器发送请求和接收响应，onreadystatechange 事件用于监听响应状态的变化。当响应状态变为 4 (已完成) 并且状态码为 200 (成功) 时，表示服务器成功返回了响应。在这种情况下，responseText 属性用于获取响应数据的纯文本格式，JSON.parse() 方法将文本格式的数据转换成 JavaScript 对象，方便后续处理和展示。

AJAX 和 JSON 的结合，可以实现灵活、快速、高效的数据交互，并且可以提升用户体验。