ajax post请求json

AJAX是一种通过JavaScript实现异步数据传输的技术，可以使得前端与后端进行联动交互。而其中一种常见的请求方式就是使用POST请求方式传输JSON数据，下面就来详细介绍如何使用AJAX进行POST请求JSON数据的传输。

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//设置请求方法和请求地址
xhr.open("POST","example.com/api",true);
//设置请求头
xhr.setRequestHeader("Content-Type","application/json");
//设置响应类型
xhr.responseType = "json";
//定义请求所需要发送的JSON数据
var sendData = {
  "name": "Tom","age": 18,"gender": "male"
};
//将JSON数据转换成字符串格式
var sendString = JSON.stringify(sendData);
//发送请求
xhr.send(sendString);
//监听请求状态变化事件
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    //响应体解析为JSON对象
    var responseData = xhr.response;
    console.log(responseData);
  }
};

通过以上代码可以看出，使用AJAX进行POST请求JSON数据的传输并不复杂，只需要注意设置好请求头、响应类型和请求体即可。当然，在响应状态码为200时，可以得到响应体，并且需要进行JSON解析。