for循环中异步问题解决方法

最新推荐文章于 2023-06-04 19:29:32 发布

转载最新推荐文章于 2023-06-04 19:29:32 发布 · 2k 阅读

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用递归方法结合异步AJAX调用处理数组数据的方法。通过递归函数getData，每次调用都会从数组idArr中取出一个ID进行AJAX请求，无论请求成功还是失败，都会移除已处理的ID并继续下一次递归，直至数组为空。这种方法适用于需要按顺序处理大量数据的场景。

采用递归方法

function getData(idArr){
       
        console.log(idArr[0])
        $.ajax({
            type: "GET",
            url: url,
            dataType: "jsonp",
            jsonp:'cb',
            async: true, //这里异步就好了
            success:function(json){
               idArr.shift()//删除第一项
                if(idArr.length){
                    getData(idArr); //回调成功再进入下一次递归
                }
                
            },
            error: function() {
                idArr.shift()//删除第一项
                if(idArr.length){
                    getData(idArr);  //如果ajax请求失败仍需要继续下一步递归
                }
            }
        })
    
}

getData(idArr)

参考：https://segmentfault.com/q/1010000011767450?sort=created