ajax json等数据交互

AJAX是一种在不重新加载整个页面的情况下，异步地从服务器获取数据并更新页面的技术。它可以使页面更加动态，更加流畅。

JSON是JavaScript Object Notation的缩写，是一种轻量级的数据交换格式。它易于阅读和编写，并且易于机器解析和生成。

在AJAX中，JSON常用作数据格式进行数据交互。下面是一个使用AJAX和JSON进行数据交互的例子：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//设置请求方法和url
xhr.open('GET','https://api.example.com/data');
//设置响应类型为JSON
xhr.responseType = 'json';
//发送请求
xhr.send();
//监听请求的状态
xhr.onreadystatechange = function() {
  //当请求完成时
  if (xhr.readyState === XMLHttpRequest.DONE) {
    //当请求成功时
    if (xhr.status === 200) {
      //获取返回的JSON数据
      var data = xhr.response;
      //处理数据
      console.log(data);
    } else {
      //处理错误
      console.log('请求出错了');
    }
  }
}

在上面的例子中，我们使用XMLHttpRequest对象发送了一个GET请求，并且设置了响应类型为JSON。当请求完成时，我们判断请求状态和响应状态，如果请求成功，就可以获取响应的JSON数据。