JavaScript 发送 HTTP 请求：使用 XMLHttpRequest 和第三方库

使用 JavaScript 发出 HTTP 请求可以使用内置的浏览器 API 或第三方库。以下是一个使用原生 JavaScript 的示例，演示如何通过 XMLHttpRequest 对象发送 GET 请求：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    // 在这里处理响应数据
  }
};
xhr.send();

要发送 POST 请求，可以将open方法的第一个参数更改为'POST'，并根据需要添加请求头和请求体。以下是一个发送 JSON 数据的 POST 请求示例：

const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://api.example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');

xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    // 在这里处理响应数据
  }
};

const data = {
  key1: 'value1',
  key2: 'value2',
};

xhr.send(JSON.stringify(data));

请注意，上述示例是使用原生的 XMLHttpRequest 对象执行 HTTP 请求。但是，现代 JavaScript 开发通常使用更简单、更强大、更易于使用的第三方库，如 Axios、Fetch 等。使用这些库可以更容易地处理复杂的 HTTP 请求和响应。

在实际开发中，您可以根据自己的需求选择最适合的方法和库来发送 HTTP 请求。