ajax json 交互

现如今，随着互联网技术的发展，前端开发与后端交互的需求越来越多。而AJAX（Asynchronous JavaScript and XML）技术的出现，则大大增强了前端与后端的交互能力。

AJAX的核心是XMLHttpRequest对象，它可以在不刷新整个页面的前提下与后端进行交互，获取所需信息。而JSON（JavaScript Object Notation）则是一种轻量级的数据格式，为AJAX与后端进行数据交互提供了方便。

下面是一段AJAX与JSON进行交互的示例代码：

var xhr = new XMLHttpRequest();

xhr.open('GET','/api/data.json');
xhr.setRequestHeader('Content-Type','application/json;charset=utf-8');

xhr.onreadystatechange = function() {
  if(xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

xhr.send();

上述代码中，我们先通过XMLHttpRequest对象与后端建立连接，使用GET请求获取json数据。在请求头中，设置了数据格式是JSON类型。在onreadystatechange函数中，当readyState状态变为4（请求已完成）且status状态为200（请求成功），获取到json数据并使用JSON.parse()方法解析，打印到控制台中。

总之，AJAX与JSON的组合为前端与后端之间提供了更为灵活、高效的交互方式，可以减小服务器端的压力、减小网络带宽的消耗。