By Sam Deering

ajaxSetup for loading image

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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();
Login or Create Account to Comment
Login Create Account
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?