JavaScript 发送 HTTP 请求：使用 fetch API

使用 JavaScript 发出 HTTP 请求，可以使用内置的浏览器 API - XMLHttpRequest 或者现代的 fetch API。以下是使用 fetch API 发送 HTTP 请求的示例代码：

fetch('https://api.example.com/data', {
    method: 'GET', // 请求方法可以是 GET、POST、PUT、DELETE 等
    headers: {
        'Content-Type': 'application/json', // 设置请求头的内容类型
        // 如果需要设置其他请求头，可以在这里添加
    },
    // 请求体中的数据，如果是 GET 请求，则不需要设置这个属性
    body: JSON.stringify({
        key1: 'value1',
        key2: 'value2'
    })
})
.then(response => response.json()) // 解析响应体的数据，可以根据实际需要改变解析的方式
.then(data => {
    // 处理响应数据
    console.log(data);
})
.catch(error => {
    // 处理请求错误
    console.error(error);
});

在上述示例代码中，我们使用了 fetch 函数来发出 HTTP 请求。你需要将 https://api.example.com/data 替换为你实际请求的 URL。请求方法可以根据你的需求进行更改，常见的有 GET、POST、PUT 和 DELETE 等。请求头可以根据需要添加，这里我们设置了 Content-Type 为 application/json，表示请求体中的数据是 JSON 格式的。如果你需要发送其他类型的请求，可以修改 Content-Type 值或添加其他请求头。请求体中的数据需要使用 JSON.stringify 方法将其转换为字符串，如果是 GET 请求，则不需要设置 body 属性。

一旦接收到响应，我们可以使用 .then 方法来解析响应体中的数据。在上述示例中，我们使用 .json 方法将响应体解析为 JSON 格式的数据。你可以根据实际情况进行解析，例如使用 .text 方法来获取纯文本响应，或者使用 .blob 方法获取二进制数据。

如果发生了错误，我们可以使用 .catch 方法来捕获，并处理错误情况。

请注意，上述示例代码是基于现代的 fetch API，如果你希望在较旧的浏览器上运行，可能需要使用 XMLHttpRequest 等其他方式来发出 HTTP 请求。