jQuery blockUI() is NOT working when invoked on beforeSend

Question

Not sure what is the problem with below code, somehow i am not able to get blockUI() working.

$.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

I tried - async : false as well as true.

did you try logging into console in beforeSend? Does it fire? — Rahul Patil, Aug 12 '14 at 04:31
yeah, i checked and it does not fire, it is directly going for error and not even processing my ajax call. If I remove beforeSend, ajax call works perfectly alright. — Jagdish, Aug 12 '14 at 04:34
Why not use ajaxStart and stop to deal this? see http://stackoverflow.com/questions/4251379/how-would-i-use-jquery-ajaxstart-and-ajaxstop-with-post — Wilfredo P, Aug 12 '14 at 04:34
More help http://stackoverflow.com/questions/16046387/jquery-ajax-beforesend — Wilfredo P, Aug 12 '14 at 04:36
@Rahul, exception I am getting is "TypeError: $.blockUI is not a function" and i get this error @ - beforeSend : function() { $.blockUI({ message: 'OK' }); }, — Jagdish, Aug 12 '14 at 04:50
are you sure blockUI JS is being loaded properly after jQuery? — Rahul Patil, Aug 12 '14 at 04:58

score 3 · Accepted Answer · answered Aug 12 '14 at 05:20

As per the discussion we had in comments above, You don't have blockUI script loaded in HTML page..

Download it from here : http://malsup.github.io/jquery.blockUI.js

and include it in script tag..

Message to others :

If you have jQuery 1.9+ and BlockUI plugin, make sure you use jquery-migrate plugin since jquery browser api is deprecated in version 1.9+..

Hope that solves the issue.

jQuery blockUI() is NOT working when invoked on beforeSend

1 Answers1