且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

ES6—51:awiat与async结合使用

更新时间:2022-08-12 19:10:36

await要放在async函数中

基础用法

ES6—51:awiat与async结合使用

async和await结合读取文件内容

ES6—51:awiat与async结合使用

async与await结合发送ajax请求

function sendAjax(url) {
    return new Promise((resolve,reject) => {
        // 1. 创建对象
        const x = new XMLHttpRequest();
        // 2. 初始化
        x.open('GET',url);
        // 3. 发送
        x.send();
        // 4. 事件绑定
        x.onreadystatechange = function() {
            if (x.readyState === 4) {
                if (x.status >= 200 && x.status <= 300) {
                    resolve(x.response);
                } else {
                    reject(x.status);
                };
            };
        };
    });
};

async function readAjax() {
    let result = await sendAjax('https://api.apiopen.top/getJoke');
    console.log(result);
}

readAjax();