W250913/8_ES6/js/ajax.js

function ajax(method, url, callback) {
    // ajax 异步请求
    // 第一步 实例化一个XMLHttpRequest对象
    let xhr = new XMLHttpRequest();
    // 第二步 调用open方法 配置请求参数
    // open方法参数说明
    // 第一个参数：请求方法 GET/POST
    // 第二个参数：请求地址
    // 第三个参数：是否异步 true/false
    xhr.open(method, url, true);
    // 第三步 调用send方法 发送请求
    xhr.send();
    // 第四步 监听状态变化
    xhr.onreadystatechange = function () {
        // 状态码 0 1 2 3 4
        // 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪
        if (xhr.readyState == 4) {
            // 状态码 200 表示请求成功
            if (xhr.status == 200) {
                // 响应体
                // console.log(xhr.responseText);
                // 解析JSON字符串 转换为对象 调用JSON.parse方法
                let jsonObj = JSON.parse(xhr.responseText);
                // console.log(jsonObj);
                // 访问对象属性
                // console.log(jsonObj[0].url);

                // 成功之后执行传递过来的回调函数
                callback(jsonObj);
            }
        }
    }
}