JavaScript HTTP 请求：XMLHttpRequest 和 Axios 库教程

使用 JavaScript 发出 HTTP 请求的常见方法是使用内置的 XMLHttpRequest 对象或使用第三方库如 Axios。以下是使用 XMLHttpRequest 对象的示例：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 设置请求方法和 URL
xhr.open('GET', 'https://api.example.com/data', true);

// 设置请求头（如果需要）
xhr.setRequestHeader('Content-Type', 'application/json');

// 设置响应回调函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 在请求完成且响应成功时执行的代码
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

// 发送请求
xhr.send();

请注意，上述示例是一个简单的 GET 请求示例，如果需要进行 POST 请求或其他类型的请求，需要根据具体需求进行相应的修改。

使用 Axios 库的示例：

首先，使用 npm 或 yarn 安装 Axios 库：

npm install axios

然后，在代码中引入 Axios 库并使用它发出 HTTP 请求：

// 引入 Axios 库
const axios = require('axios');

// 发起 GET 请求
axios.get('https://api.example.com/data')
  .then(function (response) {
    // 请求成功时执行的代码
    console.log(response.data);
  })
  .catch(function (error) {
    // 请求失败时执行的代码
    console.log(error);
  });

Axios 库提供了更简洁和易用的 API，同时支持 Promise 和 async/await 语法，因此在处理异步请求时更加方便。

这是使用 JavaScript 发出 HTTP 请求的基本方法，可以根据具体的业务需求和 API 文档进行进一步的调整和优化。