如何找出启动ajax请求的代码答案

【问题标题】：How to find out the piece of code that initiated ajax request如何找出启动ajax请求的代码
【发布时间】：2012-09-19 00:56:51
【问题描述】：

我有 MVC 视图，其中包含数十个 javascript 文件。有一些从页面发起的 ajax 请求。我想知道调用是从哪个特定的 js 文件发起的。

我花了一些时间探索 Firefox 插件 - Firebug 和 HttpFox。两者都显示了 http 请求、标头、cookie 和其他大量信息，但没有关于发起 ajax 请求的来源。

【问题讨论】：

标签： ajax json firefox-addon firebug httpfox

【解决方案1】：

我发现一些 Chrome 最新的调试功能非常有用。在启动应用程序或执行相关操作之前，调出检查器 (Ctrl+Shift+I) 并切换到网络选项卡。每个 http 请求都会在 Initiator 列中显示请求的来源。如果 javascript 发起了请求，它会显示文件名和行号，并带有一个可点击的链接直接转到它。

【讨论】：

感谢您的帮助。不幸的是，当我们使用 Jquery 进行 ajax 调用时，所有调用都显示在 jquery 文件中。
至少在这一点上，它已经快速为您确定了 jquery 库文件中的一个好位置来抛出一个断点，这样您就可以在调试器中查看调用堆栈，正如 Musa 所建议的那样。跨度>

【解决方案2】：

chrome 开发者工具中另一个很好的选择是XHR Breakpoint。按 F12，选择源选项卡并在右侧的 XHR 断点 下通过指定您希望在进行 ajax 调用的 URL 中找到的文本来添加新的条件断点条件。它将在任何包含 URL 中指定的文本的 ajax 调用上停止。您可以在 this URL 上尝试一下（查找标题 XHR 上的断点）

【讨论】：