ES6之Promise

页面代码

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function getHtml(url) {
                return new Promise((resolve, reject) => {
                    let xhr = new XMLHttpRequest();
                    xhr.open('GET', url);
                    xhr.onload = () => {
                        resolve(xhr.responseText);
                    };
                    xhr.onerror = () => {
                        reject(xhr.statusText)
                    };
                    xhr.send();
                });
            }
            getHtml('http://www.baidu.com').then(
                data => {
                    console.log('请求成功', data);
                },
                status => {
                    console.log('请求失败', status);
                }
            ).catch(e => {
                console.log('异常', e);
            });
        </script>
    </head>

    <body>
    </body>

</html>

Chrome开启跨域,控制台打印结果

猜你喜欢

转载自www.cnblogs.com/sea-breeze/p/8964923.html