ES6 promise的一个实例

最新推荐文章于 2024-02-14 00:00:00 发布

转载最新推荐文章于 2024-02-14 00:00:00 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/potato-lee/p/10302942.html

本文介绍了一种使用Promise对象实现异步请求新闻及评论数据的方法，通过定义getNews函数，可以请求指定URL的新闻数据，并进一步获取相关新闻的评论。此方法利用了JavaScript的Promise特性，使得异步操作更加简洁明了。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//定义一个请求news的方法
    function getNews(url) {
        //创建一个promise对象
        let promise = new Promise((resolve, reject) => {
            //初始化promise状态为pending
            //启动异步任务
            let request = new XMLHttpRequest();
            request.onreadystatechange = function () {
                if(request.readyState === 4){
                    if(request.status === 200){
                        let news = request.response;
                        resolve(news);
                    }else{
                        reject('请求失败了。。。');
                    }
                }
            };
            request.responseType = 'json';//设置返回的数据类型
            request.open("GET", url);//规定请求的方法，创建链接
            request.send();//发送
        })
        return promise;
    }

    getNews('http://localhost:3000/news?id=2')
            .then((news) => {
                console.log(news);
                document.write(JSON.stringify(news));
                console.log('http://localhost:3000' + news.commentsUrl);
                return getNews('http://localhost:3000' + news.commentsUrl);
            }, (error) => {
                alert(error);
            })
            .then((comments) => {
                console.log(comments);
                document.write('<br><br><br><br><br>' + JSON.stringify(comments));
            }, (error) => {
                alert(error);
            })

转载于:https://www.cnblogs.com/potato-lee/p/10302942.html