1.多个ajax请求费时,需要添加load作为缓冲遮罩
2.ajax一定要都写成异步的 async:true
3.怎么确定所有的ajax都执行完毕:
方法如下:
方法一:添加一个计数,ajax请求完成后计数+1,并在每次请求完成后都判断计数是否为所有ajax的数量,满足就清除loading
(function () {
var count = 0;
var result = {};
$.get(‘http://data1_source’, function (data) {
result.data1 = data;
count++;
handle();
});
$.get(‘http://data2_source’, function (data) {
result.data2 = data;
count++;
handle();
});
$.get(‘http://data3_source’, function (data) {
result.data3 = data;
count++;
handle();
});
function handle() {
if (count === 3) {
var html = fuck(result.data1, result.data2, result.data3);
render(html);
}
}
})();
方法二:一种是使用jquery自带的when
$.when(allProject(),brand(),pieChart(),lineCharts(),initTable()).done(function(a1, a2){ alert(333); });
方法三:设置全局变量
var ajaxCount = 10 ;
var ajaxFinished = function(){
if(ajaxCount > 0){// do nothing}
else{
// 请求全部完成,做该做的事情
}
}
$.ajax(xxx1).then(function(){
ajaxCount --;
ajaxFinished();
});
$.ajax(xxx2).then(function(){
ajaxCount --;
ajaxFinished();
})