两个ajax调用webmethod读取数据，相等都结束之后再隐藏loading.如何实现

[clear_zero]

我的页面里面有左右两个grid,通过ajax调用webmethod读取数据，然后实现

$.ajax({
        type: "POST",
        url: "flight-result-online.aspx/Getleft",
        data: JSON.stringify({ title: 'MP3', songname: 'Gulabi Ankhe' }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data) {
            populateleft(data);
        },
        error: function() {
            alert('error');
        }
    });

$.ajax({
        type: "POST",
        url: "flight-result-online.aspx/Getright",
        data: JSON.stringify({ title: 'MP3', songname: 'Gulabi Ankhe' }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data) {
            populateright(data);
        },
        error: function() {
            alert('error');
        }
    });

现在的情况就是两个 grid一先一后显示出来。我想着用个loading遮挡一下。等着populateleft和populateright全部执行后，把这个 loading隐去。

看书的话话应该用deferred object来做，但是具体执行起来我又不太会。

请多多指教

谢谢

[slwsss]

JQuery when

var aaa=0;
$.ajax({
        type: "POST",
        url: "flight-result-online.aspx/Getleft",
        data: JSON.stringify({ title: 'MP3', songname: 'Gulabi Ankhe' }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data) {
            populateleft(data);
aaa|=1;
if(aaa==3)//执行
        },
        error: function() {
            alert('error');
        }
    });

$.ajax({
        type: "POST",
        url: "flight-result-online.aspx/Getright",
        data: JSON.stringify({ title: 'MP3', songname: 'Gulabi Ankhe' }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data) {
            populateright(data);
aaa|=2;
if(aaa==3)//执行
        },
        error: function() {
            alert('error');
        }
    });

[三楼の郎]

定义两个变量来存下状态不就好了 var leftflag=false; var rightflag=false; $.ajax({ type: "POST", url: "flight-result-online.aspx/Getleft", data: JSON.stringify({ title: 'MP3', songname: 'Gulabi Ankhe' }), contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { populateleft(data); leftflag=true; if(leftflag && rightflag) { //撤销遮挡层 } }, error: function() { alert('error'); } }); $.ajax({ type: "POST", url: "flight-result-online.aspx/Getright", data: JSON.stringify({ title: 'MP3', songname: 'Gulabi Ankhe' }), contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { populateright(data); rightflag=true; if(leftflag && rightflag) { //撤销遮挡层 } }, error: function() { alert('error'); } });