ajax加载对应的json

AJAX（Asynchronous JavaScript and XML）是一种能够在无需重新加载整个页面的情况下更新部分网页的技术。其中，JSON（JavaScript Object Notation）作为一种轻量级的数据交换格式和XML一起配合使用，是AJAX中常用的一种数据格式。

在使用AJAX中，我们经常会通过发送HTTP请求，从服务器获取JSON数据，然后使用JavaScript等前端技术解析JSON，将数据呈现到前端页面上。

function loadJSON(url,callback) {
  let xhr = new XMLHttpRequest();
  xhr.overrideMimeType("application/json");
  xhr.open("GET",url,true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(xhr.responseText);
    }
  };
  xhr.send(null);
}

loadJSON("data.json",function(response) {
  let data = JSON.parse(response);
  console.log(data);
});

上面的代码演示了如何通过loadJSON函数加载名为data.json的JSON文件，并将解析后的数据存储到变量data中。其中，loadJSON函数使用了XHR（XMLHttpRequest）对象实现AJAX请求，并通过回调函数的方式返回JSON数据。

通过JSON的使用，我们可以将复杂的数据结构序列化为字符串，简化了数据的交互过程。同时，在前后端分离的开发模式下，JSON也被广泛应用于在不同框架和语言之间进行数据传输。