Question

jquery问题，$.ajax在for循环里，如何控制完成success函数后再执行下一条循环？

for(var i = 0; i < jsonArr.length; i++){
var j=i+1;
changeHtml("status-show","已获得图书列表....共计"+jsonArr.length+"本图书，正在检查....（"+j+"/"+jsonArr.length+"）《"+jsonArr[i]['bookName']+"》");
$.ajax({
url: "ajax/checkSingleImage.php?",
data: {imgUrl:jsonArr[i]['bookCover']},
async:false, //设置为同步
success: function(msg){
var sondiv=document.createElement("div");
sondiv.id = "sondiv"+i;
sondiv.style.color = "ccc";
if(msg != "HTTP/1.1 200 OK"){
errCount++;
sondiv.style.color = "red";
}
sondiv.innerHTML = "《"+jsonArr[i]['bookName']+"》：<a target='_black' style='color:"+sondiv.style.color+";' href='"+jsonArr[i]['bookCover']+"'>点击查看图片";
div.insertBefore(sondiv,lastdiv);
document.getElementById(sondiv.id).innerHTML=sondiv.innerHTML+" "+msg;
lastdiv =sondiv;
alert(lastdiv.id);
}
});
}
如果把alert去掉，页面会完全静止，直到所有请求完成后，一起显示出来

Answer 1

你可以把ajax写成一个函数~然后返回成功后就调用一次这个函数~（就是自己调用自己），这样就可以读出一个显示一个了~

Answer 2

其实目前就是按照次序执行完一次成功之后，再执行下一次。
问题在于你使用了同步模式，会卡住所有的界面操作。
建议使用异步模式，并提供出错处理函数，以进行异常处理。
同时界面使用进度条阻止用户有其它操作。

追问

async:true, 以后，会导致得不到服务端响应就向下执行了呀

追答

那样的话就不要使用循环了，相当于全变成回调方式， 提交一个请示，界面显示进度条，等待服务器回应，成功收到回应之后，再提交下一个请求，更新进度条，等待。。。。