js如何发送post请求

在 javascript 中发送 post 请求的步骤：创建 xmlhttprequest 对象。配置请求的 url、方法、请求头等信息。准备发送数据，并使用 json.stringify() 转换为 json 字符串。将数据作为参数传递给 send() 方法。使用 onreadystatechange 事件监听器处理响应。当 xhr.readystate === 4 且 xhr.status === 200 时，请求已成功，可以使用 xhr.responsetext 获取响应数据。

如何使用 JavaScript 发送 POST 请求

在 JavaScript 中发送 POST 请求的过程如下：

1. 创建 XMLHttpRequest 对象

   • const xhr = new XMLHttpRequest();

2. 配置请求

   • xhr.open(‘POST’, url, true);
   • xhr.setRequestHeader(‘Content-Type’, ‘application/json’);
   • xhr.setRequestHeader(‘X-Requested-With’, ‘XMLHttpRequest’);

3. 为准备发送做准备

   • 将要发送的数据作为参数传递给 send() 方法。
   • xhr.send(JSON.stringify(data));

4. 处理响应

   • xhr.onreadystatechange = function() { … };
   • 当 xhr.readyState === 4 并且 xhr.status === 200 时，请求已成功。
   • 使用 xhr.responseText 获取响应数据。

示例:

const data = { name: 'John Doe', age: 30 };
const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/submit', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.send(JSON.stringify(data));
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};