$.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前面的代碼，應該沒有關係，但是卻還是有影響，記錄一下。。。）