slorber/ajax-interceptor

This permits to wire interceptors on XHR requests and responses

ajax-interceptor

This permits to wire some request and response hooks on any Ajax calls.

I find this handy, for exemple, to handle user session expiration and redirect the user to the login page whenever an Ajax call fails with an auth failure.

Install

Install it!

npm install ajax-interceptor --save

Use it! (with Browserify)

var AjaxInterceptor = require("ajax-interceptor");

No other support for now, but feel free to contribute.

API

// Setup some callbacks
AjaxInterceptor.addRequestCallback(function(xhr) {
    console.debug("request",xhr);
});
AjaxInterceptor.addResponseCallback(function(xhr) {
    console.debug("response",xhr);
});

// Will proxify XHR to fire the above callbacks
AjaxInterceptor.wire();

// Do some requests
// ................

// Will restore XHR and not fire anymore the callbacks
AjaxInterceptor.unwire();

You can add and remove callbacks dynamically while the interceptor is wired.

Alternatives

If you just want to be able to intercept JQuery $.ajax() calls, Global Ajax Event Handlers also work.

License

MIT

Hire a freelance expert

Looking for a React/ReactNative freelance expert with more than 5 years production experience? Contact me from my website or with Twitter.

ajax-interceptor's Issues

QUESTION: queue up and retry all failed requests

Hi,
thanks for this very handy class. I was wondering if you looked into queuing up all the failed xhr requests upon token expiration and retrying them? I am using refresh tokens in my app which expire every couple of hours and upon expiration the token is automatically refreshed, and while this is happening all the requests that fail with an Unauthorized statue are queued up and retried once the token was successfully refreshed.

Since direct xhr requests are not captured by the interceptor and some modules out there use them, it would be very useful if I could implement the above scenario.

Thanks,

Would be nice to cover fetch api too