如何在 Javascript 中发出 HTTP 请求?

方法一:

在 JavaScript 中发出 HTTP 请求可以使用 XMLHttpRequest 或者使用现代的 Fetch API。

XMLHttpRequest 示例:

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.example.com", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

Fetch API 示例:

fetch("https://www.example.com")
  .then(response => response.text())
  .then(data => console.log(data))
  .catch(error => console.error(error));

方法二:

您可以使用 XMLHttpRequest 或 Fetch API 发送带有请求数据的请求,如 POST 请求。

使用 XMLHttpRequest:

var xhr = new XMLHttpRequest();
xhr.open("POST", "https://www.example.com", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send(JSON.stringify({key: "value"}));

使用 Fetch API:

fetch("https://www.example.com", {
  method: "POST",
  headers: {
    "Content-Type": "application/json;charset=UTF-8"
  },
  body: JSON.stringify({key: "value"})
})
  .then(response => response.text())
  .then(data => console.log(data))
  .catch(error => console.error(error));

请注意,如果您希望在跨域请求中使用这些方法,则可能需要服务器配置 CORS。

发布者:彬彬笔记,转载请注明出处:https://www.binbinbiji.com/javascript/2960.html

(0)
彬彬笔记彬彬笔记
上一篇 2023年2月6日
下一篇 2023年2月6日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

蜀ICP备14017386号-13