Small jQuery helper to disable buttons while AJAX request is loading.

jquery.await-response.js

// Small jQuery helper to disable buttons while AJAX request is loading.
// Init the helper for all buttons on page with $('.js-await-response').awaitResponse() 
// If a button with your class was klicked, the button itself and all others with that class will be disabled until the response came back
(function ( $ ) {
 
  $.fn.awaitResponse = function( options ) {

    var self = this;
    
    // listening to starting AJAX events
    $( document ).ajaxSend(function( event, jqxhr, settings ) {
      self.attr('disabled', '');
    });
      
    // listening to completed AJAX events
    $( document ).ajaxComplete(function(e) {
      self.attr('disabled', null);
    });
  };
 
}( jQuery ));


$(document).ready(function(e){
  $('.js-await-response').awaitResponse();
});