首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Vanilla JS中发送AJAX post请求和接收回JSON数据?

在Vanilla JS中发送AJAX post请求并接收回JSON数据的方法如下:

  1. 创建一个XMLHttpRequest对象:
代码语言:txt
复制
var xhr = new XMLHttpRequest();
  1. 设置请求的方法、URL和异步标志:
代码语言:txt
复制
xhr.open("POST", "请求的URL", true);
  1. 设置请求头,指定发送的数据类型为JSON:
代码语言:txt
复制
xhr.setRequestHeader("Content-Type", "application/json");
  1. 定义请求完成后的回调函数:
代码语言:txt
复制
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 处理返回的JSON数据
  }
};
  1. 将数据转换为JSON字符串并发送请求:
代码语言:txt
复制
var data = {
  key1: value1,
  key2: value2
};
xhr.send(JSON.stringify(data));

完整的示例代码如下:

代码语言:txt
复制
var xhr = new XMLHttpRequest();
xhr.open("POST", "请求的URL", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 处理返回的JSON数据
  }
};
var data = {
  key1: value1,
  key2: value2
};
xhr.send(JSON.stringify(data));

这种方法可以在Vanilla JS中发送AJAX post请求并接收回JSON数据。在实际应用中,可以根据具体的业务需求进行相应的参数配置和数据处理。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券