使用javascript的Ajax/XMLHttpRequest跟踪

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

我的网页的HTML和JS结构如下：

HTML:

---

有人能建议如何在另一个javascript或其他东西的帮助下跟踪这个ajax调用吗？基本上，我需要在单击按钮时得到所调用的内容，在本例中：“/Ajax/getCall/callUser/”。它也应该适用于我的页面上的所有按钮。

在脚本开头添加以下内容：

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

这将在

XMLHttpRequest

对象上创建

send

方法的副本，内部方法替换为可以记录AJAX请求的方法，该方法调用发送AJAX请求的内部方法

---

示例：

在脚本开头添加以下内容：

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

这将在

XMLHttpRequest

对象上创建

send

方法的副本，内部方法替换为可以记录AJAX请求的方法，该方法调用发送AJAX请求的内部方法

---

示例：

谢谢，效果很好！我还可以问一下，有没有一种方法可以获取Ajax调用的“url”部分？谢谢，它工作得很好！我还可以问一下，是否有一种方法可以获取Ajax调用的“url”部分？

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