$('html').ajaxStart(function(){
  $(this).addClass('wait').bind('click',function(){
    return false;
  });
}).ajaxStop(function(){
  $(this).removeClass('wait').unbind('click');
});

//On the CSS
html.wait, html.wait * {cursor:wait;}

$('html').ajaxStart(function(){
  $(this).addClass('wait').bind('click',function(){
    return false;
  });
}).ajaxStop(function(){
  $(this).removeClass('wait').unbind('click');
});

//On the CSS
html.wait html.wait * {cursor:wait;}

I found this really useful when using AJAX that will change database. Preventing the user to re-do the action is not the best way but it still is a little unobtrusive to the user as it lets him navigate the page and know what is going on.

Change cursor and prevent click on AJAX request

ajax, javascript, jquery

jQuery