微信小程序，异步请求，回调函数中for循环结束后再赋值

最新推荐文章于 2024-08-27 14:14:49 发布

guochanof

最新推荐文章于 2024-08-27 14:14:49 发布

阅读量281

点赞数 1

分类专栏：微信小程序开发 JavaScript 文章标签：微信小程序小程序 for循环结束后再赋值回调函数微信小程序赋值

本文链接：https://blog.csdn.net/guochanof/article/details/139318796

版权

微信小程序开发同时被 2 个专栏收录

27 篇文章

订阅专栏

JavaScript

17 篇文章

订阅专栏

原请求

wx.request({
    url: url,
    data:data,
    success: (res) => {
        let list = res.data
		 for(let i = 0; i < list.length; i++){
			wx.request({
				url: url,
				success: (res1) => {
					list[i].obj = res1.data
				},
				fail: err => reject(err)
			});
		 }
		 this.setData({
          list : list
        })
    },
    fail: err => reject(err)
});

修改后

wx.request({
    url: url,
    data:data,
    success: (res) => {
        let list = res.data;
        let promises = [];

        for (let i = 0; i < list.length; i++) {
            promises.push(new Promise((resolve, reject) => {
                wx.request({
                    url: url,
                    data:data,
                    success: (res1) => {
                        list[i].obj = res1.data;
                        resolve();
                    },
                    fail: err => reject(err)
                });
            }));
        }

        Promise.all(promises).then(() => {
            this.setData({
                list: list
            });
        }).catch(error => {
            console.error("An error occurred while fetching data:", error);
        });
    },
    fail: err => {
        console.error("An error occurred while fetching data:", err);
    }
});