Question

In jQuery, is there any way to mask whole page automatically when we execute each Ajax post (to prevent input from user or double submitting…)? I see this plugin: jQuery-blockUI (http://www.malsup.com/jquery/block/) but we still have to mask/unmask manually for each Ajax post.
As I know in ExtJS, we can control this by implementing “beforeAction” function, because this event will be fired right before any action on form, but in jQuery I do not find out anything like that.
Could you please give me a solution for this? Thank you so much.

Answer 1

You can just use the beforeSend and complete functions

$.ajax({
  beforeSend: function() {
           //Mask page
    },
  complete: function(){
              //remove Mask
}
  }
});