Automatic show ajax loader gif image when any ajax function is called in the application

Question

I have many ajax calls in the application which are performing various operations, I am searching for a Jquery plugin or any other method which will detect any ajax call made and show loading image when operation is in process and hide it after operation is complete.Any help is welcome.

Wasim Pathan · Accepted Answer · 2014-01-06T10:13:55.283

4

Got a solution for this , I used Pretty Loader and my problem is solved .

edited Jan 06 '14 at 10:13

answered Oct 09 '13 at 11:39

Wasim Pathan

420
5
17

just need to call a function jQuery.prettyLoader(); and it detects ajax call and show/hide the image before and after operation. – Wasim Pathan Oct 09 '13 at 13:15

score 2 · Answer 2 · answered Oct 20 '13 at 19:04

2

$( document ).ajaxStart(function() {
    ShowLoading(1);
});
$( document ).ajaxComplete(function() {
    ShowLoading(0);
});

answered Oct 20 '13 at 19:04

Omar Alshaker

879
9
22

score 0 · Answer 3 · answered Oct 09 '13 at 10:12

0

$.ajax({
    url: "test.html",
    context: document.body
}).beforeSend(function() {
    /* show loader */
}).success(function(){
    /* hide loader */
});

answered Oct 09 '13 at 10:12

Maciej Treder

11,866
5
51
74

i have more than 200 ajax call in my application, i doesn't seems logical to go an write hide(),show() function in each one of those. – Wasim Pathan Oct 09 '13 at 10:23

Automatic show ajax loader gif image when any ajax function is called in the application

3 Answers3