ajax模拟发送json数据

AJAX 是一种通过 JavaScript 向服务器发送请求并获取响应的技术。最近几年，随着 JSON 数据的流行，使用 AJAX 发送和接收 JSON 数据变得非常普遍。下面就让我们来学习一下如何使用 AJAX 模拟发送 JSON 数据。

//发送 JSON 数据的代码
var xhr = new XMLHttpRequest(); 

xhr.onreadystatechange = function() { //响应状态改变时的回调函数
  if (xhr.readyState === 4 && xhr.status === 200) { //成功接收响应时
    console.log(xhr.responseText); //输出服务器返回的 JSON 数据
  }
};

xhr.open('POST','example.com/submit',true); //指定请求方式、请求地址和是否异步处理请求
xhr.setRequestHeader('Content-Type','application/json'); //设置请求头，告诉服务器发送的是 JSON 数据
var data = { //要发送的数据
  name: 'Tom',age: 20
};
xhr.send(JSON.stringify(data)); //将 JS 对象序列化成 JSON 字符串并发送

如上所述，使用 AJAX 发送 JSON 数据需要使用 XMLHttpRequest 对象。该对象有一个 onreadystatechange 回调函数，用来接收服务器的响应。在发送请求前，需要指定请求方式（POST、GET等）、请求地址和是否异步处理请求。此外，设置请求头中的 Content-Type 属性为 application/json，以告诉服务器发送的是 JSON 格式的数据。最后，将要发送的 JS 对象使用 JSON.stringify 方法序列化成 JSON 字符串后发送即可。