jquery - 使用 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,

以确保它们被排除在外。