ajax json是如何和服务器通信的

在前端开发中，我们常常需要与服务器进行数据交互，而 AJAX（Asynchronous JavaScript and XML）技术就是其中的一种常用手段。而现代的 AJAX 技术已经发展到使用 JSON（JavaScript Object Notation）作为数据交换格式，来替代原来的 XML。

JSON 是一种轻量级的数据交换格式，比 XML 更易于处理，并且常用的编程语言都提供了 JSON 的解析支持。JavaScript 作为前端开发的主要语言，也提供了内置的 JSON 对象用于解析和生成 JSON 数据。

下面是一个使用 AJAX 和 JSON 进行数据交换的基本例子：

var xhr = new XMLHttpRequest(); // 创建一个 XMLHttpRequest 对象
xhr.open('GET','/api/data'); // 打开一个 GET 请求，请求 /api/data 接口
xhr.onreadystatechange = function () { // 当状态改变时的回调函数
  if (xhr.readyState === XMLHttpRequest.DONE) { // 如果请求已完成
    if (xhr.status === 200) { // 如果请求成功返回 200 状态码
      var data = JSON.parse(xhr.responseText); // 将响应文本解析为 JSON 对象
      console.log(data); // 输出 JSON 对象
    }
  }
};
xhr.send(); // 发送请求

上面的代码中，我们使用 XMLHttpRequest 对象向服务器发起一个 GET 请求，请求接口为 /api/data。当状态改变时，我们需要判断请求是否已完成，并且返回的状态码是否为 200（表示请求成功）。如果请求成功，我们将响应文本解析为 JSON 对象，然后对其进行操作。

在实际开发中，我们可能还需要使用 POST、PUT、DELETE 等请求方法，并且可能需要传递一些请求参数，在这里就不一一列举了。总之，使用 AJAX 和 JSON 进行数据交换已经成为了现代前端开发不可或缺的一部分。