如何在 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/zh-hant/javascript/2960.html

(0)
彬彬筆記彬彬筆記
上一篇 2023年2月6日
下一篇 2023年2月6日

相關推薦

發表回復

您的電子郵箱地址不會被公開。 必填項已用 * 標註

蜀ICP備14017386號-13