jquery: how to check if a page is performing an ajax request?

Question

I want to build a function that fires with every ajax request. Like showing "loading...". I am using Jquery is that possible?

Answer 1

jQuery.active contains the number of active jQuery AJAX connections. However, you'd have to constantly poll that var in order to have an event fired in the advent of a new connection.

Anyway, why would you be using this for a "loading" indicator? Just set the indicator whenever you do the request.

Answer 2

Yes, this is totally possible. Start with the global ajax handlers here http://api.jquery.com/category/ajax/global-ajax-event-handlers/ .ajaxStart() and .ajaxStop() events are the most likely candidate to show your status indicator.