用jquery拦截ajax请求显示BlockUI

Question

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

谢谢

Answer 1

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

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

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

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

Answer 2

我真的不知道 UpdatePanel 是什么，但是通常您可以使用 ajax 全局为此，例如：

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

如果您在 UpdatePanel 外部有 ajax 调用，而您不想阻止该界面，则需要设置 ajax选项：

global: false,

确保将它们排除在外。