Intercept AJAX responses in Chrome Extension [duplicate]

Question

We're building a chrome extension on top of an existing system, to help with a few tasks.

It's AJAX intense and it would be far more efficient than scraping html and triggering events to intercept some of the AJAX responses.

Example: Frome chrome console, networks tab, you see the beautiful JSON:

How can a Chrome Extension get to that JSON ?

I've tried WebRequest but it appear it does't allow to do this.

Tenacious

Why do you say that WebRequest doesn't help with that? Please expand on that. – Hesky

Also, your question as of now is under risk of being closed as "opinion-based". Instead of broadly asking for a "de facto way", please include more specific details about your task. – Hesky

So what is exactly meant by "intercept"? Please describe the normal workflow of the system, and how you want to modify that. – Hesky

Answer 1

If you don't mind using jQuery, you can use the

$.ajaxComplete( function( Event event, jqXHR jqXHR, PlainObject ajaxOptions ))

method on the document.

In the callback you can grab all of the information about any of the events and log them accordingly.

http://api.jquery.com/ajaxcomplete/

Peeved

This will not work, at least not without a lot of modification. The extension lives in a separate context. – Hesky

If it's a chrome extension, isn't window the same context? $(window).ajaxComplete(). It is working in my extension sanbox – Peeved

Content scripts live in a separate context from the page, and executing this without additional techniques will lead to intercepting only AJAX calls 1) made from extension context, 2) made with jQuery. – Hesky

See the duplicate target; Rob W explains it in detail. – Hesky

Got ya, I don't have much experience with extensions, just used this when we needed to intercept 3rd party ajax calls on our site. Thanks for clearing up – Peeved

Then what will be solution for this. – Disesteem