多个ajax和layer.load()同时使用

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();
})