js http

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

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

    // 配置它：GET 请求，url 为请求地址，false 表示同步请求（通常我们使用 true 表示异步）
    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(err);
    } else {
        console.log(data);
    }
});

解释说明：

1. XMLHttpRequest 是浏览器内置的对象，用于与服务器进行交互。它可以发起 HTTP 请求并接收响应。
2. open() 方法 用于初始化请求，指定请求方法（如 GET 或 POST）、URL 和是否异步。
3. onreadystatechange 事件 监听请求的状态变化，当 readyState 为 4 时表示请求已完成。
4. responseType 属性 可以设置响应的数据类型，例如 json、text 等。
5. send() 方法 发送请求。
6. 回调函数 用于处理请求的结果，成功时传入响应数据，失败时传入错误信息。

这个示例展示了如何使用原生 JavaScript 发起一个简单的 HTTP GET 请求，并处理响应。