如何在 Chrome 或任何其他优秀且著名的浏览器中跟踪 Ajax 回调或调试 Ajax 请求答案

【问题标题】：How to Trace Ajax Call Back or Debug Ajax Requests in Chrome or any other Good and Famous Browser如何在 Chrome 或任何其他优秀且著名的浏览器中跟踪 Ajax 回调或调试 Ajax 请求
【发布时间】：2016-02-21 07:48:34
【问题描述】：

我正在做一个项目，显然，它使用 Ajax 来处理来自用户界面的大量请求。其中之一是“过滤”给定的用户列表。我在后端将它与 Laravel 一起使用。

所以情况是，当我按他们的公司过滤用户时，它工作得很好，但是当我按位置过滤用户时，它显示来自所有位置的所有用户，而不是选择的位置，这意味着所有位置 ID 都被传递。代码是别人写的。我不知道在哪里修复它。所以我想知道 Chrome 支持一些很好的工具来处理和调试 Ajax 请求，但不知道该怎么做。有人可以建议我处理、调试和探索 Aajx 请求的回调的正确方法，这样我也可以节省时间????????????

【问题讨论】：

标签： ajax ajax-request web-developer-toolbar chrome-app-developer-tool

【解决方案1】：

您可以使用 google chrome devTools 控制台并转到 Network 菜单。效果很好。

如果你想要更多，可以使用Charles

【讨论】：

感谢您的回复，但我还询问了如何使用或换句话说“使用 chrome devTools 的最佳实践是什么”来跟踪 Ajax 请求。请问可以多加点东西吗？
当您在网络菜单中时，您可以单击您的 php 文件请求。通常，您将 url 参数调用到 Ajax，这是一个 php 文件。然后，当您触发 Ajax 时，您的 php 文件位于 chrome DevTools 的左侧窗口中。您可以单击它，然后您可以看到传递给您的 javascript 的所有变量。在您的 php 文件中，您可以设置一些 var_dump，您也可以在网络菜单中看到您的 var_dump。