Promise封装AJAX

        // // 创建对象
        // const xhr = new XMLHttpRequest();
        // // 初始化访问方式和地址
        // xhr.open('get', 'https://api.apiopen.top/getJoke');
        // //发送访问请求
        // xhr.send();
        // //绑定事件接收并处理响应结果
        // xhr.onreadystatechange = () => {
        //     if(xhr.readyState===4){
        //         //如果返回的状态码在200-300之间
        //         if(xhr.status>=200&&xhr.status<300){
        //             // 表示成功,输入响应结果
        //             console.log(xhr.response)
        //         }else{
        //             // 如果失败，返回错误状态码
        //             console.log(xhr.status)
        //         }
        //     }
        // }

        // 使用Promise封装XMLHttpRequest
        const p = new Promise((reslove, reject) => {
            setTimeout(() => {
                // 创建对象
                const xhr = new XMLHttpRequest()
                // 声明访问方式和访问地址
                xhr.open('get', 'https://api.apiopen.top/getJoke');
                // 发送访问请求
                xhr.send();
                // 接收响应回调
                xhr.onreadystatechange = () => {
                    // 与访问地址连接成功
                    if (xhr.readyState === 4) {
                        // 如果返回的状态码在200-300之间，表示成功响应
                        if (xhr.status >= 200 && xhr.status < 300) {
                            // 成功之后使用reslove接收返回的数据体
                            reslove(xhr.response)
                        } else {
                            // 否则使用 reject 接收错误码
                            reject(xhr.status)
                        }
                    }
                }
            }, 1000);

        })

        // 声明结果的回调 then支持链式调用
        p.then(
            // (value)=>{} 成功的回调
            (value) => {
                console.log(value)
            },
            // (reason)=>{} 错误的回调
            (reason) => {
                console.log(reason)
            }
        )