在 beforeSend 上调用 jQuery blockUI() 时不起作用答案

【问题标题】：jQuery blockUI() is NOT working when invoked on beforeSend在 beforeSend 上调用 jQuery blockUI() 时不起作用
【发布时间】：2014-08-12 04:29:40
【问题描述】：

不确定下面的代码有什么问题，不知何故我无法让 blockUI() 工作。

$.ajax({
    url : "before",     
    type : "POST",
    dataType : "text",
    async : true,
    data : formData,
    beforeSend : function() { $.blockUI({ message: 'OK' });   }, 
    success : function(response) {
            $.unblockUI();
            alert("Congrats! Success!");
            var successUrl = "after";   
            window.location.href = successUrl;
            return false;
    },
    error : function(jqXHR, textStatus, errorThrown) {
        $.unblockUI();  
        alert("Oops ! Error occurred !");
    }
});// End of ajax

我试过 - async : false 和 true。

【问题讨论】：

您是否尝试在 beforeSend 中登录控制台？会火吗？
是的，我检查了它并没有触发，它直接出错，甚至没有处理我的 ajax 调用。如果我删除 beforeSend，ajax 调用就可以正常工作。
为什么不使用 ajaxStart 和 stop 来处理这个？见stackoverflow.com/questions/4251379/…
更多帮助stackoverflow.com/questions/16046387/jquery-ajax-beforesend
@Jagdish 好的，它会抛出什么错误？

标签： jquery ajax

【解决方案1】：

根据我们在上面 cmets 中的讨论，您没有在 HTML 页面中加载 blockUI 脚本..

从这里下载：http://malsup.github.io/jquery.blockUI.js

并将其包含在脚本标签中..

给他人的信息：

如果您有 jQuery 1.9+ 和 BlockUI 插件，请确保您使用 jquery-migrate 插件，因为 jquery browser api 在 1.9+ 版本中已弃用..

希望能解决问题。

【讨论】：