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]