Rilevamento Ajax / XMLHttpRequest utilizzando javascript

So che Firebug può tracciare tutti gli eventi Ajax / XHR su una pagina. Ma ho bisogno di preparare uno strumento che traccia automaticamente queste chiamate sui clic del pulsante su una pagina Web già esistente.

La struttura HTML e JS della mia pagina web sono le seguenti:

HTML:

Call 

JS:

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

Qualcuno può suggerire come tenere traccia di queste chiamate ajax con l’aiuto di un altro javascript o qualcosa del genere? Fondamentalmente ho bisogno di ottenere ciò che viene chiamato sul clic del pulsante, in questo esempio: “/ Ajax / getCall / callUser /”. Dovrebbe funzionare anche con tutti i pulsanti sulla mia pagina.

Aggiungi all’inizio del tuo script questo:

 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); } 

Questo crea una copia del metodo send su XMLHttpRequest e il metodo interno sostituisce con metodo dove è ansible registrare le richieste AJAX e questo metodo chiama il metodo interno che invia la richiesta AJAX.

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