ajax 传递 json

AJAX是一种用于创建异步Web应用程序的技术，它可以通过JavaScript在不刷新页面的情况下，发送请求和获取响应。传递JSON数据是AJAX技术中常用的方法之一，使得数据传输轻量级、高效、可读性强。

JSON是JavaScript对象表示法的简称，它是一种轻量级的数据格式，易于编写和理解。与XML相比，JSON更加简洁、易于处理，尤其在Web应用程序中非常流行。

var data = {
  "name": "Tom","age": 20,"gender": "male"
};

var xhr = new XMLHttpRequest();
xhr.open("POST","/example",true);
xhr.setRequestHeader("Content-Type","application/json;charset=UTF-8");
xhr.onreadystatechange = function() {
  if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
    console.log("request success!");
  }
};
xhr.send(JSON.stringify(data));

在上面的代码中，我们定义了一个包含name、age、gender三个属性的JSON对象data。接着，我们创建一个XMLHttpRequest对象，用于向服务器发送POST请求，并设置请求头信息为JSON格式。然后，我们对XMLHttpRequest状态改变的回调函数进行处理，当请求成功时，输出日志信息。最后，我们调用send方法将JSON数据发送给服务器。

总之，AJAX提供了一种高效且非阻塞的Web应用程序开发方法，而JSON则提供了一种非常适合与AJAX一起使用的数据格式。