【JavaScript】 发送 POST 请求并带有 JSON 请求体的几种方法

在JavaScript中，可以使用fetch API或XMLHttpRequest对象来发送POST请求并携带JSON请求体。

使用 fetch API 的例子：

const url = 'https://example.com/api/data';
const data = { key: 'value' };
 
fetch(url, {
  method: 'POST', 
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

使用 XMLHttpRequest 的例子：

const url = 'https://example.com/api/data';
const data = { key: 'value' };
 
const xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
 
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(JSON.parse(xhr.responseText));
  }
};
 
xhr.send(JSON.stringify(data));

这两种方法都是现代JavaScript中常用的发送POST请求的方式，并且可以携带JSON格式的请求体。fetch API 是现代的、基于promise的API，而XMLHttpRequest是较旧的、基于回调的API。两者都可以完成任务，但fetch API 更加现代、灵活，并且得到了更广泛的浏览器支持。