如何使用 JavaScript 发送 HTTP 请求？

在 JavaScript 中发送 HTTP 请求，可以使用内置的 XMLHttpRequest 对象或者更现代的 fetch API。以下是两种方法的详细说明和代码示例：

**1. 使用 XMLHttpRequest 对象:**javascriptvar xhr = new XMLHttpRequest();xhr.open('GET', 'https://api.example.com/data', true);xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var response = JSON.parse(xhr.responseText); console.log(response); }};xhr.send();

代码解释:

创建一个 XMLHttpRequest 对象的新实例。* 使用 open() 方法初始化请求，指定请求方法 ('GET'), URL 和是否异步 (true)。* 设置 onreadystatechange 事件处理程序，该程序在请求状态发生变化时触发。* 检查 readyState 是否为 4 (请求已完成) 以及 status 是否为 200 (请求成功)。* 如果请求成功，使用 JSON.parse() 解析响应文本并将其存储在 response 变量中。* 最后，使用 send() 方法发送请求。

**2. 使用 fetch API:**javascriptfetch('https://api.example.com/data') .then(function(response) { return response.json(); }) .then(function(data) { console.log(data); }) .catch(function(error) { console.log(error); });

代码解释:

使用 fetch() 函数发送请求，传入目标 URL。* fetch() 返回一个 Promise 对象，可以使用 .then() 方法处理成功响应。* 第一个 .then() 方法接收 Response 对象，并使用 .json() 方法将其转换为 JSON 格式。* 第二个 .then() 方法接收解析后的 JSON 数据，并将其打印到控制台。* .catch() 方法用于捕获和处理请求过程中的任何错误。

发送 POST 请求和其他参数:

如果需要发送 POST 请求或传递其他参数，可以在 open() 方法的第一个参数中指定请求类型，并在 send() 方法中传递请求的 body 数据。例如：javascriptvar xhr = new XMLHttpRequest();xhr.open('POST', 'https://api.example.com/data', true);xhr.setRequestHeader('Content-Type', 'application/json');xhr.send(JSON.stringify({ key1: 'value1', key2: 'value2' }));

注意事项:

以上代码示例展示了如何发送 GET 请求并处理返回的 JSON 数据。* 请根据您的实际需求修改代码，例如更改请求方法、URL 和请求体数据。* ChatGPT 本身是一个 AI 模型，无法直接执行 JavaScript 代码。您需要在支持 JavaScript 的开发环境中运行这些代码片段。