jquery - BlockUI - 在 block 处于事件状态时更新消息

Question

我正在使用 BlockUI 通过这个简单的命令来帮助防止在 ajax 请求期间在我的页面上进行交互。

$(document)
    .ajaxStart($.blockUI)
    .ajaxStop($.unblockUI);

这在大多数情况下都有效。但在某些情况下，例如在发生错误期间，我想更新内容以显示从我的服务器返回的错误消息。

起初，我的想法是我必须删除这种全局行为并完全手动完成每个 block ；由于显而易见的原因，我想避免这种情况。

那么有什么方法可以在阻塞消息仍在运行时更新其内容吗？例如在 error 函数中从 jQuery $.ajax 请求回调？像这样吗？

$.ajax({
    // information
}).success(function (data) {
    // completed behavior
}).error(function (xhr, status, exception) {
    // update the blocked error message here with data returned
});

我以为只要再次调用 $.block 就可以了，但似乎不行。

Answer 1

你可以尝试这样的事情

<div id="msg"></div>

$(document)
    .ajaxStart($.blockUI({ message: $('#msg') }))
    .ajaxStop($.unblockUI);
    .ajaxError(function(){$("#msg").html("error!");});