使用javascript进行Ajax / XMLHttpRequest跟踪

Question

我知道firebug可以跟踪页面上的所有Ajax / XHR事件。但是我需要准备一个工具，该工具可以自动跟踪已经存在的网页上的按钮点击。

我的网页的HTML和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
        },

任何人都可以建议如何借助其他JavaScript或其他工具来跟踪此ajax调用吗？基本上，我需要获得按钮单击时的调用，在此示例中：“ / 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