open - Seguimiento de Ajax/XMLHttpRequest con javascript

xmlhttprequest post json

Question

Sé que Firebug puede rastrear todos los eventos Ajax / XHR en una página. Pero necesito preparar una herramienta que rastree automáticamente estas llamadas al hacer clic en los botones en una página web ya existente.

La estructura HTML y JS de mi página web son las siguientes:

HTML:

<a href="javascript:void(0)" id="callButton" class=" call-btn " style="width: 30px;">Call</a>

JS:

scope: this,
id: ''callButton'',
handler: function () {
    Ext.Ajax.request({
        url: ''/Ajax/getCall/callUser/'',
        params: {
            userID: usr.id
        },

¿Alguien puede sugerir cómo seguir estas llamadas ajax con la ayuda de otro javascript o algo así? Básicamente necesito obtener lo que se llama al hacer clic en el botón, en este ejemplo: "/ Ajax / getCall / callUser /". Debería funcionar con todos los botones en mi página también.

Answer 1

Agregue al inicio de su script esto:

XMLHttpRequest.prototype.oldSend = XMLHttpRequest.prototype.send
XMLHttpRequest.prototype.send = function (data) {
    // there you can log requests
    console.log("AJAX request was sent.");
    this.oldSend.call(this, data);
}

Esto crea una copia del método de send en el objeto XMLHttpRequest y el método interno reemplaza por el método donde puede registrar solicitudes AJAX y este método llama al método interno que envía la solicitud AJAX.

Ejemplo: http://jsfiddle.net/fgp783rz/1