jQuery - Detect all ajax request on page

Question

I am using a report viewer in My webpage. I have decided I need to add some custom abilities to it (ui wise). For that I've utilized some jquery libraries. Problem arises when the control sends ajax controls to the remote server. I need to somehow get notified about them, and raise a callback event when the request is complete.

Is this possible?

If so how?

Darin Dimitrov · Accepted Answer · 2011-03-03 10:01:51Z

14

You could use the $.ajaxSetup() function which allows you to register global properties for all ajax requests (issued by jQuery). For example:

$(function() { $.ajaxSetup({ complete: function(xhr, textStatus) { // will be raised whenever an AJAX request completes (success or failure) }, success: function(result) { // will be raised whenever an AJAX request succeeds }, etc ... you could use any available option }); });

answered Mar 3, 2011 at 10:01

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

vondip Over a year ago

I am not sure why, but these events don't get reached. I am using a control that is not using jquery.

Darin Dimitrov Over a year ago

@vondip, OK, the fact that the control is not using jQuery explains why those events are never reached. I am afraid that you cannot achieve this in this case or there might be some browser specific extensions.

Adri w Ukraine Over a year ago

@vondip to globally detect AJAX calls using native javascript stackoverflow.com/questions/10783463/…

user3180309 Over a year ago

Here's what I use jquery.ajax.tracker

Collectives™ on Stack Overflow

jQuery - Detect all ajax request on page

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related