$.unblockUI()和ajax执行顺序问题

问题描述：想实现点击按钮，出现blockUI层，然后输入信息，点击确定，关闭blockUI，然后调用ajax方法，但是每次都要等到ajax执行完后，blockUI才会关闭，方法如下

// 开始订单同步
function syncOrder(){
    // 验证空序列号
    var emptyCardId = $("#emptyCardId").val();
    if(emptyCardId=="" || emptyCardId==null){
        alert("请输入空序列号！");
        return false;
    }else{
        closeBlockDiv();
    }

    $("#syncLoadImg").show();
    $("#syncOrderBtn").hide();

    $.ajax({
        type:"post",
        url:"${root}/orderProcessJson/syncOrder.action",
        data:"emptyCardId="+emptyCardId,
        dataType:"json",
        async: false,
        success:function(json){
            $("#syncLoadImg").hide();
            
            if('1' == json.resultCode){
                window.alert("同步成功！");
            }else {
                $("#syncOrderBtn").show();
                window.alert("同步失败！");     
            }
        },
        error:function(){                   
           alert("操作失败！");
        }  
    });
    
}

问题原因：async: false 改为 async: true即可（开始以为blockUI的关闭时在ajax前面的代码，应该没有关系，但是却还是有影响，记录一下！！！）