解决 for循环异步请求 导致异步请求内部的代码 不按顺序执行的问题

1.问题原因

let data = [1,2,3,4,5];

for(i=0;i<data.length;i++){
    let d = data[i];
    $.get("getById?id="+d,function(data){
        console.log(i)
    })
    //一次循环结束
}
//[0,3,2,4,1]

因为for循环 是在每次循环的代码块最后一行执行完成时,判断是否进入下一次循环,

并且异步请求因为网速问题,请求完成时间不同

2.如何解决

知道了问题,解决起来就简单了,

只需要改变for循环判断的结束的位置,为每次循环的异步请求结束时,再进行下一次的循环

利用递归调用可以很好的解决这个问题

let data = [1,2,3,4,5];

getData(0,data.length)
function getData(i,length){
    let d = data[i];
    $.get("getById?id="+d,function(data){
        
        console.log(i)
        //改变循环结束的位置,为请求完成时
        if(++i<length){
            getData(i,length)
        }
    })

}

//[0,1,2,3,4]