Ajax / XMLHttpRequest tracking using javascript

I know firebug can trace all the Ajax/XHR events on a page. But I need to prepare a tool which automatically tracks these calls on button clicks on an already existing webpage.

My webpage's HTML and JS structure are follows:


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


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

Can anyone suggest how to track this ajax calls with the help of another javascript or something? Basically i need to get what is called on button click, in this example: "/Ajax/getCall/callUser/". It should work with all buttons on my page as well.


Add at start of your script this:

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

This creates copy of send method on XMLHttpRequest object and internal method replaces by method where you can log AJAX requests and this method call the internal method whitch send AJAX request.

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

Need Your Help

Will a 302 redirect maintain the referer string?

jsp redirect referrer http-status-code-302 http-referer

I need to redirect the user from one page to another, but I need to maintain the original referer string. So, for example, if they start out on http://www.othersite.com/pageA.jsp, click a link that

C++ Not letting me use other constructor in initialization list

c++ c++11 constructor

I'm trying to have a constructor call other constructors in their initialization list for I don't have duplicate logic. Here is what my .h file looks like: