uni-app如何解决在for循环里调用异步请求获取数据顺序混乱问题
2023-12-25 05:59:36
总结/朱季谦
先前有一次做uni-app的js接口对接时,遇到过这样的情况,在for循环里,调用一个异步请求时,返回来的值顺序是乱的,因此,在以下的代码里,push到数组里的值,每次的顺序可能都是不一样的,造成这样一个原因,是for循环是单线程的,异步请求是多线程的,f往往在for循环结束了,异步请求还没有结束。
that.list = res.datas.class_list; for(var i=0;i<that.list.length;i++){
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) }) }
在uni-app框架里,遇到这样的类似代码时,可以用递归算法来避免for循环结束了,异步请求还没有结束的问题,将上面的代码修改成递归形式,如下:
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也可以按照这个思路,用递归算法的思想。
文章来源:https://blog.csdn.net/weixin_40706420/article/details/135182869
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!