How to display a “busy” indicator with jQuery?

by

You can just show / hide a gif, but you can also embed that to ajaxSetup, so it’s called on every ajax request.

$.ajaxSetup({
    beforeSend:function(){
        // show gif here, eg:
        $("#loading").show();
    },
    complete:function(){
        // hide gif here, eg:
        $("#loading").hide();
    }
});

One note is that if you want to do an specific ajax request without having the loading spinner, you can do it like this:

$.ajax({
   global: false,
   // stuff
});

That way the previous $.ajaxSetup we did will not affect the request with global: false.

More details available at: http://api.jquery.com/jQuery.ajaxSetup

More Related Contents:

  1. I want both values before and after submitting a form
  2. dynamic rectangular or square div of any size which can be fitted into a fixed size div [closed]
  3. validation for two select box using array [closed]
  4. “Origin null is not allowed by Access-Control-Allow-Origin” error for request made by application running from a file:// URL
  5. How to get image size (height & width) using JavaScript?
  6. How to use JQuery with ReactJS
  7. ReferenceError: event is not defined error in Firefox
  8. How to uncheck a radio button?
  9. Sending credentials with cross-domain posts?
  10. Sort mixed alpha/numeric array
  11. onClick not working on mobile (touch)
  12. Why is this jQuery click function not working?
  13. What is “context” in jQuery selector?
  14. How to replace selected text with html in a contenteditable element? [duplicate]
  15. How can I validate google reCAPTCHA v2 using javascript/jQuery?
  16. Is it a good idea to learn JavaScript before learning jQuery? [closed]
  17. $.each() vs for() loop – and performance
  18. Is setTimeout a good solution to do async functions with javascript?
  19. How can I change the default width of a Twitter Bootstrap modal box?
  20. jQuery date/time picker [closed]
  21. How to disable beforeunload action when user is submitting a form?
  22. Page Redirect after X seconds wait using JavaScript
  23. smooth auto scroll by using javascript
  24. Get mouse position within div? [duplicate]
  25. jQuery Event Handler created in loop
  26. How to detect URL changes with jQuery
  27. How do I determine height and scrolling position of window in jQuery?
  28. How do I fire an event when a iframe has finished loading in jQuery?
  29. Download attribute not working in Firefox
  30. How to check if a string is a legal “dd/mm/yyyy” date?

Leave a Comment