在asp.net网络表单页面上执行jquery ajax调用时显示正在加载图像

Question

在ASP.NET Webform页面上，我有一个字段，在聚焦时，我们需要进行jquery ajax调用。在此通话期间，我要显示加载的gif图像。我已经尝试过以下方法：

$.ajaxSetup({
            beforeSend: function (xhr, settings) {
                $("div#divLoading").addClass('show');
                }
       });
$.ajax({
    //call goes in here 
    },
    error: function (xhr, textStatus, error) {
        alert("An error occured while fetching the data. Please contact the site administrator.");
        },
    complete: function () {
        $("div#divLoading").removeClass('show');
    }
});

以下是我正在使用的CSS

#divLoading.show
        {
            display : block;
            position : fixed;
            z-index: 100;
            background-image : url(../images/ajax-loader.gif);
            background-color:#666;
            opacity : 0.4;
            background-repeat : no-repeat;
            background-position : center;
            left : 0;
            bottom : 0;
            right : 0;
            top : 0;
        }