Ajax calls - global animation handler

Question

On my ASP.NET MVC website I have the following inside my layout.cshtml:

$(document).ajaxStart(function () {
    $(".modal").fadeIn(300)
});

$(document).ajaxStop(function () {
    $(".modal").fadeOut(300);
});

The .modal class is basically a div that shows a gif with a typical animation inside.

So I don't want this animation to appear on all my ajax calls. Is there anyway to know which specific ajax call is raising this event?

The other option would be to manually handle it inside all my ajax calls, but since I only have 1 ajax call that I want to exclude it doesn't make sense.

Thanks

score 1 · Accepted Answer · answered Feb 27 '14 at 23:37

1

On your individual call, set the global option for the ajax call to false:

$.ajax({
    global: false,     // this will prevent start from being called.
});

answered Feb 27 '14 at 23:37

shenku

11,969
12
64
118

Exactly what I need !! Epic answer ;) Thanks +1 – user2779312 Feb 28 '14 at 12:08

score 0 · Answer 2 · edited May 23 '17 at 12:28

0

I have faced a similar problem before and I found a solution here on stackoverflow, but I can't remember or find exactly the same solution as I found before but you might find this answer interesting JavaScript detect an AJAX event and if that isn't enough, then I'd extend the ajax calls in whichever js framework you are using.

edited May 23 '17 at 12:28

Community

1
1

answered Feb 27 '14 at 23:34

jPO

2,502
1
17
26

Ajax calls - global animation handler

2 Answers2