ajax接收到json数据后页面刷新

在Web开发中，服务端和客户端通过HTTP协议进行通信。客户端可以使用AJAX技术，通过异步请求从服务端获取数据，并在页面中动态展示这些数据。JavaScript是AJAX的核心技术，它可以通过XMLHttpRequest对象实现数据的异步请求和处理。而JSON（JavaScript Object Notation）则是一种数据交换格式，它可以被JavaScript轻松地解析和处理。

在AJAX中，当客户端请求服务端数据时，服务端可以以JSON格式返回数据。而客户端可以通过JavaScript的JSON.parse()方法将JSON格式的字符串转换成JavaScript对象，进而使用这个对象中的数据。获取到数据后，客户端可以使用JavaScript动态修改页面中的元素内容，从而实现页面的局部刷新。

// AJAX请求服务端返回JSON数据
var xhr = new XMLHttpRequest();
xhr.open("GET","/api/data",true);
xhr.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    // 解析JSON数据
    var data = JSON.parse(this.responseText);
    // 修改页面中的元素内容
    document.getElementById("title").innerHTML = data.title;
    document.getElementById("content").innerHTML = data.content;
  }
};
xhr.send();

上述代码中，通过XMLHttpRequest对象获取服务端返回的JSON数据，然后使用JSON.parse()方法将JSON字符串转换成JavaScript对象。接着，根据数据的内容，修改页面中的元素内容，实现了页面的局部刷新。