如何查看 XMLHttp 请求返回到页面的内容？答案

【问题标题】：How can I see what content an XMLHttp request returned to the page?如何查看 XMLHttp 请求返回到页面的内容？
【发布时间】：2013-01-21 20:37:17
【问题描述】：

我使用 Firefox，并且有一个名为 Developer -> Web Console 的工具。它显示了有关 GET/POST 请求的更多信息，我们与 XMLHttp 连接的页面，请求标头和此类信息。我敢肯定 Chrome 上也有类似的功能。

页面上有一个 AJAX 调用，我必须查看它返回到网站的内容。它只是一个 GET 请求并返回 JSON。当我手动请求该页面（例如 ajax/view/my_purchases.php）时，它只显示一个空白页面，但是当网站使用 AJAX 请求它时，我可以看到它以 HTML 形式返回的内容。

基本上，我可以使用什么样的工具来查看它？它可以是独立的应用程序、Chrome 或 Firefox 扩展。我什么都可以。

【问题讨论】：

【解决方案1】：

Firebug 是最常用的选项。 Net 面板有“XHR”选项卡可供您使用，而 chrome 工具实际上就是基于此。

【讨论】：

【解决方案2】：

在 chrome 上，您有“网络”选项卡，所有请求和响应都在那里，您也可以在“成功”函数中放置一个断点并观察响应。附言 chrome有这个控制台，没有任何扩展

【讨论】：

【解决方案3】：

在 Firefox 上使用 Firebug -> 控制台选项卡（也许激活“显示 XMLHttpRequests”）

编辑：比在 Chrome 上更好，您可以直接在新标签中打开请求。

【讨论】：

【解决方案4】：

使用“网络”标签，您可以查看页面加载时调用的每个外部请求。您的 AJAX 请求将在此处。需要注意的一件事是将任何 GET 或 POST 数据发送到外部脚本。

如果需要某些参数，许多脚本只会提供对其主要算法或数据逻辑的访问。一个非常基本的可能是：

<?php

   if (!isset($_POST['submit'])) {
      die;
   }

   // Rest of functionality...

这使人们更难访问敏感数据。如果您的 AJAX 调用正在发送 POST 数据，您可能无法获得访问权限。如果你这样做，你将提交CSRF。

【讨论】：