Agregue un "gancho" a todas las solicitudes AJAX en una página

Me gustaría saber si es posible "conectar" en cada solicitud AJAX (ya sea cuando está a punto de ser enviada o en eventos) y realizar una acción. En este punto, supongo que hay otros scripts de terceros en la página. Algunos de estos pueden usar jQuery, mientras que otros no. es posible?

Inspirado por la respuesta de aviv , investigué un poco y esto es lo que se me ocurrió.
No estoy seguro de que sea tan útil según los comentarios en el script y, por supuesto , solo funcionará para navegadores que utilicen un objeto XMLHttpRequest nativo .
Creo que funcionará si se usan bibliotecas de JavaScript, ya que usarán el objeto nativo si es posible.

function addXMLRequestCallback(callback){
    var oldSend, i;
    if( XMLHttpRequest.callbacks ) {
        // we've already overridden send() so just add the callback
        XMLHttpRequest.callbacks.push( callback );
    } else {
        // create a callback queue
        XMLHttpRequest.callbacks = [callback];
        // store the native send()
        oldSend = XMLHttpRequest.prototype.send;
        // override the native send()
        XMLHttpRequest.prototype.send = function(){
            // process the callback queue
            // the xhr instance is passed into each callback but seems pretty useless
            // you can't tell what its destination is or call abort() without an error
            // so only really good for logging that a request has happened
            // I could be wrong, I hope so...
            // EDIT: I suppose you could override the onreadystatechange handler though
            for( i = 0; i < XMLHttpRequest.callbacks.length; i++ ) {
                XMLHttpRequest.callbacks[i]( this );
            }
            // call the native send()
            oldSend.apply(this, arguments);
        }
    }
}

// e.g.
addXMLRequestCallback( function( xhr ) {
    console.log( xhr.responseText ); // (an empty string)
});
addXMLRequestCallback( function( xhr ) {
    console.dir( xhr ); // have a look if there is anything useful here
});

NOTA: La respuesta aceptada no da la respuesta real porque se llama demasiado pronto.

Puede hacer esto, lo que genéricamente interceptará cualquier AJAX a nivel mundial y no estropeará ninguna devolución de llamada, etc.que tal vez haya sido asignada por bibliotecas AJAX de terceros.

(function() {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        console.log('request started!');
        this.addEventListener('load', function() {
            console.log('request completed!');
            console.log(this.readyState); //will always be 4 (ajax is completed successfully)
            console.log(this.responseText); //whatever the response was
        });
        origOpen.apply(this, arguments);
    };
})();

Algunos documentos más de lo que puede hacer aquí con la API addEventListener aquí:

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress

(Tenga en cuenta que esto no funciona <= IE8)

Ya que mencionas jQuery, sé ofertas jquery un .ajaxSetup()método que establece opciones ajax globales que incluyen los activadores de eventos como success, errory beforeSend- que es lo que suena como lo que busca.

$.ajaxSetup({
    beforeSend: function() {
        //do stuff before request fires
    }
});

por supuesto, necesitará verificar la disponibilidad de jQuery en cualquier página en la que intente utilizar esta solución.

Hay un truco para hacerlo.

Antes de que se ejecuten todos los scripts, tome el objeto XHMHttpReuqest original y guárdelo en una var. Luego anule el XMLHttpRequest original y dirija todas las llamadas a él a través de su propio objeto.

Código Psuedo:

 var savd = XMLHttpRequest;
 XMLHttpRequest.prototype = function() {
         this.init = function() {
         }; // your code
         etc' etc'
 };

Encontré una buena biblioteca en Github que hace bien el trabajo, debes incluirla antes que cualquier otro archivo js

https://github.com/jpillora/xhook

aquí hay un ejemplo que agrega un encabezado http a cualquier respuesta entrante

xhook.after(function(request, response) {
  response.headers['Foo'] = 'Bar';
});

Usando la respuesta de "meouw", sugiero usar la siguiente solución si desea ver los resultados de la solicitud

function addXMLRequestCallback(callback) {
    var oldSend, i;
    if( XMLHttpRequest.callbacks ) {
        // we've already overridden send() so just add the callback
        XMLHttpRequest.callbacks.push( callback );
    } else {
        // create a callback queue
        XMLHttpRequest.callbacks = [callback];
        // store the native send()
        oldSend = XMLHttpRequest.prototype.send;
        // override the native send()
        XMLHttpRequest.prototype.send = function() {
            // call the native send()
            oldSend.apply(this, arguments);

            this.onreadystatechange = function ( progress ) {
               for( i = 0; i < XMLHttpRequest.callbacks.length; i++ ) {
                    XMLHttpRequest.callbacks[i]( progress );
                }
            };       
        }
    }
}

addXMLRequestCallback( function( progress ) {
    if (typeof progress.srcElement.responseText != 'undefined' &&                        progress.srcElement.responseText != '') {
        console.log( progress.srcElement.responseText.length );
    }
});

jquery ...

<script>
   $(document).ajaxSuccess(
        function(event, xhr, settings){ 
          alert(xhr.responseText);
        }
   );
</script>

Además de la respuesta de meouw, tuve que inyectar código en un iframe que intercepta las llamadas XHR y usé la respuesta anterior. Sin embargo, tuve que cambiar

XMLHttpRequest.prototype.send = function(){

A:

XMLHttpRequest.prototype.send = function(body)

Y tuve que cambiar

oldSend.apply(this, arguments);

A:

oldSend.call(this, body);

Esto era necesario para que funcionara en IE9 con el modo de documento IE8 . Si no se realizó esta modificación, algunas devoluciones de llamada generadas por el marco de componentes (Visual WebGUI) no funcionaron. Más información en estos enlaces:

• Function.prototype.call
• Function.prototype.apply

Sin estas modificaciones, las devoluciones de datos de AJAX no terminaron.