用 JavaScript 发起 HTTP 请求的几种方法

在JavaScript中，发起HTTP请求通常使用以下几种方法：

1. 使用原生的XMLHttpRequest对象。
2. 使用fetchAPI。
3. 使用axios库（第三方库）。

使用XMLHttpRequest

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

使用fetchAPI

fetch("https://api.example.com/data")
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

使用axios

首先需要安装axios：

npm install axios

然后在代码中引入并使用：

const axios = require('axios');
 
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

这些方法都可以用来发起HTTP请求，fetch是现代的推荐方式，而axios提供了一些额外的功能，比如在请求/响应被 then/catch 处理前自动对它们进行转换，同时也支持浏览器和Node.js。