JavaScript HTTP 请求: XMLHttpRequest 和 Fetch API

使用 JavaScript 可以通过内置的 XMLHttpRequest 对象或者 fetch 函数来发出 HTTP 请求。下面是两种方式的示例代码：

使用 XMLHttpRequest 对象：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true); // 设置请求方法、URL和异步标志

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) { // 确认请求完成且成功
        const response = JSON.parse(xhr.responseText); // 解析响应数据
        console.log(response);
    }
};

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

使用 fetch 函数：

fetch('https://api.example.com/data')
    .then(response => response.json()) // 解析响应数据
    .then(data => console.log(data))
    .catch(error => console.log(error));

这些示例代码展示了如何使用 GET 方法发出简单的 HTTP 请求并处理响应。你可以根据需要进行修改和扩展，例如添加请求头、发送 POST 请求或处理请求超时等。