Google Chrome将JSON AJAX响应显示为树而不是纯文本

我找不到这个答案：

我的AJAX调用返回JSON数据。在Google Chrome开发者工具>资源> XHR中，当我单击左侧的资源，然后在“内容”选项卡上时，我看到JSON字符串是字符串，而不是像Firebug和Firebug Lite那样的树。

如何强制Chrome将其像树一样显示。我的PHP文件必须具有Content-type吗？

我很想知道答案！

谢谢斯特凡诺斯

要在最新版本的Chrome中查看树状视图，请执行以下操作：

导航到开发人员工具>网络>给定的响应>预览

Google Chrome现在支持此（Developer Tools > Network > [XHR item in list] Preview）。

此外，您可以使用第三方工具来格式化json内容。 这是一个呈现树视图的视图，这是另一个仅格式化文本（并进行验证）的视图。

JSON数据的正确内容类型是application/json。我认为那是你所缺少的。

我找到了答案：

您必须这样编码json：{"c":21001,"m":"p"}但不能{c:21001,m:"p"}或{'c':21001,'m':'p'}

因此，字典的键必须用双引号引起来："，然后chrome将其预览为json而不是纯文本。

为了使其能够正确显示JSON消息，它必须具有“ application / json” mime类型并具有正确的结构。

您可以在这里检查结构

Google Chrome Dev内部版本24.0.1312.5出现问题，导致预览面板不再显示json对象树，而是显示纯文本。应该在下一个开发版中修复

在此处查看更多信息：http : //code.google.com/p/chromium/issues/detail?id=160733

我认为Chrome开发人员工具无法打印XHR内容。请参阅： 通过Chrome开发人员工具查看来自Ajax调用的HTML响应？

我不确定Chrome自上次回答以来是否已添加此功能，但是我可以通过以下方式查看json响应：

• 在带有请求的页面上时，在浏览器中打开开发人员工具
• 提交请求
• 在开发人员工具的“控制台”选项卡中，单击资源下方的“对象”树以展开

...我能够将响应视为可读的层次结构，显示出要问的内容和返回的内容。（“网络”或“资源”选项卡都找不到我能找到的任何帮助。）

要求愉快！

您可以使用Google Chrome扩展程序：JSONView 所有格式化的json结果将直接显示在浏览器中。