Отслеживание Ajax/XMLHttpRequest с использованием javascript

Question

Я знаю, что firebug может отслеживать все события Ajax/XHR на странице. Но мне нужно подготовить инструмент, который автоматически отслеживает эти вызовы при нажатии кнопки на уже существующей веб-странице.

HTML My Webpage и структура JS являются следующие:

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 
     }, 

Может кто-нибудь подскажет, как отслеживать это Ajax звонки с помощью другого JavaScript или что-то? В основном мне нужно получить то, что вызывается при нажатии кнопки, в этом примере: «/ Ajax/getCall/callUser /». Он также должен работать со всеми кнопками на моей странице.

Answer 1

Добавить в начале вашего скрипта это:

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

Это создает копию send метода на XMLHttpRequest объекта и внутренний метод заменяет методом, где вы можете войти AJAX запросов, и этот метод вызывать внутренний метод ведьмы отправить AJAX запрос.

Пример: http://jsfiddle.net/fgp783rz/1