layer遮罩层如何在ajax请求执行中显示?

请问有layer的遮罩层没有什么方法能再ajax同步请求执行的过程中显示在页面上呀,现在我在ajax同步请求执行前设置了layer.load,但是表现在页面上就是ajax同步请求执行完之后才显示了遮罩,有没有什么方法可以让它在请求执行过程中也显示遮罩呢?

代码如下

  //提交按钮调用的方法
      layer.confirm("是否对"+gridSelectedData[0].Code+"等"+gridSelectedData.length+"个生产收货单做批量过账?", {
                icon: 3,
                title: Resources["Prompt"],
            }, function(index) {
                Dialog.showLoading();
                console.log(me.urls.post)
                for(var i=0;ilength;i++){
                    $.ajax({
                        type:"post",
                        url: Common.getApiUrl("WmsProductionReceiving/ProductionReceivingPost"),
                        data:{ "": gridSelectedData[i].Code},
                        dataType:"json",
                        async:false,  //同步
                       success:function(data){
                        if (data.code === "1") {
                            layer.msg(data.msg);
                        } else {
                            layer.msg(data.msg);
                        }
                        },error:function(errdata){
                            layer.msg(errdata.msg);
                        }});
                }
                Dialog.closeLoading();
            });
  //showLoading && closeLoading实现
    me.showLoading = function () {
            loadingIndex = layer.load(1, {
                shade: [0.4, '#999']
            });
        };

        me.closeLoading = function () {
            layer.close(loadingIndex);
        };

Dialog.closeLoading();
应该写在$.ajax的success和error函数里面,你现在是一打开就关闭了