js http请求

// 使用 XMLHttpRequest 发起 HTTP 请求的示例

function makeHttpRequest(url, callback) {
    // 创建一个新的 XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();

    // 配置它：GET 请求，我们传递 URL 作为参数
    xhr.open('GET', url, true);

    // 设置响应类型
    xhr.responseType = 'json';

    // 当请求状态改变时触发
    xhr.onreadystatechange = function () {
        // 检查请求是否完成并且响应已准备好
        if (xhr.readyState === 4) {
            // 检查 HTTP 状态码是否表示成功
            if (xhr.status === 200) {
                // 如果成功，调用回调函数并传递响应数据
                callback(null, xhr.response);
            } else {
                // 如果失败，调用回调函数并传递错误信息
                callback(new Error('Request failed with status ' + xhr.status));
            }
        }
    };

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

// 示例使用
makeHttpRequest('https://api.example.com/data', function(err, data) {
    if (err) {
        console.error('Error:', err);
    } else {
        console.log('Data:', data);
    }
});

解释说明：

1. XMLHttpRequest 对象：这是浏览器内置的对象，用于发起 HTTP 请求并与服务器进行通信。
2. open 方法：配置请求的类型（如 GET 或 POST）、URL 和是否异步执行。
3. onreadystatechange 事件：当请求的状态发生变化时触发。我们在这里检查请求是否已完成以及是否成功。
4. send 方法：发送请求到服务器。
5. 回调函数：在请求完成后执行，处理成功的响应或错误。

如果你需要更现代的方式发起 HTTP 请求，可以考虑使用 fetch API 或者第三方库如 Axios。