ajax json无刷新

AJAX（Asynchronous JavaScript and XML）是一种前端技术，可实现网页与服务器异步通信，从而无需刷新整个页面，只更新部分内容。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，具有易读易解析、格式简洁、传输速度快等优点。

通过将AJAX和JSON两种技术结合，我们可以实现网页无刷新地获取服务器数据，并解析展示在页面上，提高页面用户体验。以下是AJAX和JSON的实现示例：

function loadData() {
  var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var data = JSON.parse(xhr.responseText); //解析JSON数据
      var output = ""; //定义变量存储数据展示
      for (var i in data) {
        output += "<p>" + data[i].name + " - " + data[i].position + "</p>";
      }
      document.getElementById("output").innerHTML = output; //将数据展示
    }
  };
  xhr.open("GET","data.json",true); //向服务器请求数据
  xhr.send();
}

在上述代码中，我们首先创建了一个XMLHttpRequest对象，然后通过onreadystatechange属性来监听服务器响应的状态。当服务器响应完成时，我们获取响应的JSON数据并解析，最后将解析后的数据展示在页面上。

由于AJAX和JSON技术已经得到广泛应用，因此现代前端开发框架（如React、Angular等）已经内置了轻松实现AJAX和JSON数据解析的工具，极大地简化了开发流程。