javascript - 嵌套的 request，如何等待 request function 的完成？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 嵌套的 request，如何等待 request function 的完成？

ringa_lee 2017-04-11 11:53:04

[JavaScript讨论组]

284

使用了下面的代码：

request(firstparams, function () {
    var secondparams = {
    // ******
    };

    request(secondparams, function () {
        for (i=0; i<3; i++) {
            var thirdparams = {
            // ******
            };

            request(thirdparams, function () {
                console.log('foo');
            });
        }
        console.log('bar');
    });
});

想要获得如下的结果：

foo
foo
foo
bar

但是结果却是：

bar
foo
foo
foo

ringa_lee

全部回复(3)

PHP中文网2017-04-11 11:55:04 3楼

用Promise.all吧，可以等待多个请求都结束了使用then处理后面的行为
写个demo 适当改一下应该就可以了

// ajax函数 可以用request封装
var ajax = (url, type) => {
    return new Promise((resolve, reject) => {
        // 这块可以自己修改一下
        request({
            url,
            cb: function(data) {
                console.log('foo')
                resolve(data)
            }
        })
    })
}
// 生成promise要用的数组
var arr = []
for (i=0; i<3; i++) {
    arr.push(ajax('/xxx/xxx'))
}
// 执行 等到三次请求都结束后 打印出来bar 因为每次请求都打印foo
// 所以结果应该是foo foo foo bar
Promise.all(arr).then((value) => {
    console.log('bar')
})

赞 +0

添加回复

伊谢尔伦2017-04-11 11:55:04 2楼

request(secondparams, function () {
    var didSuccess = 0;
    for (i=0; i<3; i++) {
        var thirdparams = {
        // ******
        };

        request(thirdparams, function () {
            console.log('foo');
            if (didSuccess++ === 2) {
                callback();
            }
        });
    }
    function callback() {
        console.log('bar');
    }
});

赞 +0

添加回复