关于实现列表加载loading效果？

这是我是一个查询按钮，数据是通过btn_search_Click 触发后台相关方法，实现列表的数据绑定，由于数据量大，想实现加载效果，写了下面这段js，然后查询按钮调用，但是这个好像跟onclick时间同步的，效果实现不了
function JudgeUserName() {

        $.ajax({
            type: "POST",
            url: "DoneTaskList.aspx",
            dataType: "text",
            data: "loading=loading",
            anyc: false,
            beforeSend: function (XMLHttpRequest) {
                $("#loadingDiv").show()
            },
            success: function (data, textStatus) {
                if (data.indexOf("success") > -1) {
                    $("#loadingDiv").hide();
                }
            },
            complete: function (XMLHttpRequest, textStatus) {
            },
            error: function () {
            }
        });
    }

anyc: false,

改为或者去掉，你增加这个配置就是同步请求了，当然会卡死

async:true