ajaxSetup for loading image

By Sam Deering

Simple jQuery code snippet to set loading image using ajaxSetup() so that every time an AJAX request is sent a loading image is displayed and when it returns the loading image is hidden. The reason for including the same code for complete and success is that the .load() function seems to ignore (or override) the complete function.



The Code

 beforeSend: function() {
    $('#general-ajax-load ').fadeIn();
 complete: function() {
    $('#general-ajax-load ').fadeOut();
 success: function() {
    $('#general-ajax-load ').fadeOut();


Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.