使用 jquery 拦截 ajax 请求以显示 BlockUI

【问题标题】：Intercept ajax requests with jquery to display BlockUI使用 jquery 拦截 ajax 请求以显示 BlockUI
【发布时间】：2011-02-05 05:28:04
【问题描述】：

我正在尝试使用 jquery 拦截 ajax 请求，以显示与使用插件 BlockUI 类似的等待消息，但是我如何拦截由 asp.net 框架提供的 UpdatePanel 发送的请求，有什么方法可以触发吗？

谢谢

【问题讨论】：

【解决方案1】：

您可以使用 PageRequestManager 的 beginRequest 和 endRequest 客户端事件来显示“请稍候”用户界面。

Sys.WebForms.PageRequestManager.instance.add_beginRequest(beginRequestHandler)

Sys.WebForms.PageRequestManager.instance.add_endRequest(endRequestHandler)

请参阅here 了解更多信息。每个事件都有示例。

【讨论】：

【解决方案2】：

我真的不知道 UpdatePanel 是什么，但通常你可以使用 ajax global events 来实现它，例如：

$(document).bind("ajaxStart", function() {
    $.blockUI();
}).bind("ajaxStop", function() {
    $.unblockUI();
});

如果您不想阻止接口的UpdatePanel 外部 ajax 调用，则需要设置ajax 选项：

global: false,

确保它们被排除在外。

【讨论】：