温馨提示×

XMLHttpRequest如何发送POST请求

小樊
818
2024-06-19 16:03:01
栏目: 编程语言

XMLHttpRequest对象可以通过设置其open()方法的第一个参数为"POST"来发送POST请求。然后可以使用setRequestHeader()方法设置请求头信息,最后使用send()方法发送请求。

示例代码如下:

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/api", true);
xhr.setRequestHeader("Content-Type", "application/json");

xhr.onreadystatechange = function () {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      console.log(xhr.responseText);
    } else {
      console.error('Error: ' + xhr.status);
    }
  }
};

var data = JSON.stringify({ key: 'value' });
xhr.send(data);

在上面的代码中,我们创建了一个XMLHttpRequest对象并设置了请求的方法为"POST",然后设置了请求头信息为"application/json",并设置了xhr.onreadystatechange事件处理程序,最后使用send()方法发送POST请求并传递一个JSON格式的数据。

0