Google Chrome display JSON AJAX response as tree and not as a plain text

ajax json google-chrome view tree
GRboss picture GRboss · Oct 8, 2010 · Viewed 162.6k times · Source

I cannot find an answer to this one:

My AJAX calls return JSON data. In Google Chrome Developer Tools > Resources > XHR when I click on the resource on the left and then on the Content tab I see the JSON string as a string and not as a tree as Firebug and Firebug Lite do.

How do I force Chrome to diplay it as a tree. Is there a Content-type that my PHP file must have???

I would happy to know the answer!

Thank you Stefanos

Answer

Matt McClure picture Matt McClure · Dec 13, 2011

To see a tree view in recent versions of Chrome:

Navigate to Developer Tools > Network > the given response > Preview

Related questions

Chrome refuses to execute an AJAX script due to wrong MIME type

I'm trying to access a script as JSON via AJAX, which works fine on Safari and other browsers but unfortunately will not execute in Chrome. It's coming with the following error: Refused to execute script from '*' because its …

Read More
How to parse JSON data with jQuery / JavaScript?

I have a AJAX call that returns some JSON like this: $(document).ready(function () { $.ajax({ type: 'GET', url: 'http://example/functions.php', data: { get_param: 'value' }, success: function (data) { var names = data $('#cand').html(data); } }); }); Inside the #cand div …

Read More
Serializing to JSON in jQuery

I need to serialize an object to JSON. I'm using jQuery. Is there a "standard" way to do this? My specific situation: I have an array defined as shown below: var countries = new Array(); countries[0] = 'ga'; countries[1] = 'cd'; ... and I …

Read More