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

我找不到这个答案:

我的AJAX调用返回JSON数据。 在Google Chrome开发者工具>资源> XHR中,当我点击左侧的资源然后点击内容标签时,我看到JSONstring是一个string,而不是像Firebug和Firebug Lite那样的树。

如何强制Chrome将其显示为树状 有我的PHP文件必须具有的内容types?

我很高兴知道答案!

谢谢Stefanos

要在近期版本的Chrome中查看树状视图

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

Google Chrome现在支持此function( Developer Tools > Network > [XHR item in list] Preview )。

另外,您可以使用第三方工具来格式化json内容。 这里提供了一个树形视图,另一个只是格式化文本(并进行validation)。

JSON数据的正确内容types是application/json 。 我认为这是你所缺less的。

我find了答案:

你必须这样编码你的json: {"c":21001,"m":"p"}但不是{c:21001,m:"p"}{'c':21001,'m':'p'}

因此,字典的关键字必须用双引号括起来: " ,那么chrome将预览为json而不是纯文本。

为了正确显示JSON消息,它必须具有“application / json”MIMEtypes并且要被正确地构造。

你可以在这里查看结构

构buildGoogle Chrome开发版本24.0.1312.5时出现问题,导致预览面板不再显示json对象树,而是显示平面文本。 这应该在下一个开发中解决

详情请参阅: http : //code.google.com/p/chromium/issues/detail?id = 160733

我不认为Chrome开发者工具漂亮地打印XHR内容。 请参阅: 通过Chrome Developer工具查看来自Ajax调用的HTML响应?

我不确定自上次回答Chrome是否添加了此function,但是我能够查看JSON响应…

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

…我能够将响应视为可读的层次结构,显示了要求的内容和返回的内容。 (“networking”或“资源”选项卡都没有任何帮助,我find了。)

快乐的请求!