前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app如何解决在for循环里调用异步请求获取数据顺序混乱问题?

uni-app如何解决在for循环里调用异步请求获取数据顺序混乱问题?

作者头像
朱季谦
发布2019-09-18 14:45:13
4.6K1
发布2019-09-18 14:45:13
举报
文章被收录于专栏:编程技术沉思录

先前有一次做uni-app的js接口对接时,遇到过这样的情况,在for循环里,调用一个异步请求时,返回来的值顺序是乱的,因此,在以下的代码里,push到数组里的值,每次的顺序可能都是不一样的,造成这样一个原因,是for循环是单线程的,异步请求是多线程的,f往往在for循环结束了,异步请求还没有结束。

代码语言:javascript
复制
that.list = res.datas.class_list;
                            
for(var i=0;i<that.list.length;i++){

在uni-app框架里,遇到这样的类似代码时,可以用递归算法来避免for循环结束了,异步请求还没有结束的问题,将上面的代码修改成递归形式,如下:

代码语言:javascript
复制
that.list = res.datas.class_list;
                            
    var i = 0;

    getImg();
    function getImg() {
        if (i >= that.list.length) {
        return;
    }
    that.list[i].tlist = []
    var url = "w=goods_class&gc_id=" + that.list[i].gc_id.substring(2);
    that.thtxb_ajax_request(url, {}).then((res) => {
        that.tlist.push(res.datas.class_list)
        i++
        getImg();
        })
    }

按照这样的修改,便可以避免for循环里调用异步请求出现的问题了。

其他js也可以按照这个思路,用递归算法的思想。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-09-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档