用AJAX实现asp.net中的Jquery

我在asp.net中有一个Dropdownlist（id=ddl），它通过Ajax异步更新数据。现在我只想在Ajax请求初始化后显示加载面板。那么，最好的选择是什么

此代码不起作用

$("#ddl").ajaxStart(function () { ShowLoadingPanel(); }).ajaxStop();

---

//在ajax请求上显示/隐藏的全局函数

 $(document).ajaxStart(function() {
   ShowLoadingPanel();
 });

$(document).ajaxStop(function() {
    HideLoadingPanel();
 });

或者将其与特定项目绑定

 $("#ddl").bind("ajaxStart", function() {
   ShowLoadingPanel();
 });

 $("#ddl").bind("ajaxStop", function() {
   HideLoadingPanel();
 });

完成ajax调用后，执行unbind

$("#ddl").unbind();

---

对于特定的AJAX调用：

$.ajax({..., beforeSend: function(){ /* show the loading thing */ },
    complete: function(){ /* hide the loader */ }});

概述：

jQuery.ajaxSetup({
  beforeSend: function() {
     $('#loader').show();
  },
  complete: function(){
     $('#loader').hide();
  },
  success: function() {}
});

我个人最好的：

//为jQuery 1.8和错误处理（链接处的CSS和指令）修改了一点
$（文件）(
{
ajaxStart:function（）
{
如果（！$（'div.model'）。长度）
{
$（'body'）。追加（$（''），
{
“类”：“模态”
}));
}
$（'body'）.addClass（“加载”）；
},
ajaxStop:function（）
{
$（'body'）.removeClass（“加载”）；
},
ajaxError:函数（e、x、设置、异常）
{
var消息，statusErrorMap=
{
“400”：“服务器理解请求，但请求内容无效。”，
'401'：“未经授权的访问。”，
'403'：“禁止访问的资源”，
“500”：“内部服务器错误。”，
“503”：“服务不可用。”
};
如果（x.status）
{
message=statusErrorMap[x.status]；
如果（！消息）
{
message=“未知错误。”；
}
}else if（e=='parserrror'）
{
message=“错误。\n传递JSON请求失败。”；
}else if（e=='timeout'）
{
message=“请求超时。”；
}否则如果（e==‘中止’）
{
message=“请求已被服务器中止”；
}否则
{
message=“未知错误。”；
}
警报（信息）；
}
});

// a bit modified for jQuery 1.8 and error handling (CSS and instruction at the link)
    $(document).on(
        {
            ajaxStart : function()
            {
                if (!$('div.modal').length)
                {
                    $('body').append($('<div>',
                    {
                        'class' : 'modal'
                    }));
                }

                $('body').addClass("loading");
            },
            ajaxStop : function()
            {
                $('body').removeClass("loading");
            },
            ajaxError : function(e, x, settings, exception)
            {
                var message, statusErrorMap =
                {
                    '400' : "Server understood the request but request content was invalid.",
                    '401' : "Unauthorised access.",
                    '403' : "Forbidden resouce can't be accessed",
                    '500' : "Internal Server Error.",
                    '503' : "Service Unavailable."
                };

                if (x.status)
                {
                    message = statusErrorMap[x.status];
                    if (!message)
                    {
                        message = "Unknow Error.";
                    }
                } else if (e == 'parsererror')
                {
                    message = "Error.\nParsing JSON Request failed.";
                } else if (e == 'timeout')
                {
                    message = "Request Time out.";
                } else if (e == 'abort')
                {
                    message = "Request was aborted by the server";
                } else
                {
                    message = "Unknow Error.";
                }

                alert(message);
            }
        });