2010-10-08 13 views
138

no puedo encontrar una respuesta a esta pregunta:Google Chrome pantalla JSON respuesta AJAX como árbol y no como un texto plano

Mis llamadas AJAX devolver datos JSON. En Herramientas para desarrolladores de Google Chrome> Recursos> XHR, cuando hago clic en el recurso a la izquierda y luego en la pestaña Contenido, veo la cadena JSON como una cadena y no como un árbol como lo hacen Firebug y Firebug Lite.

Cómo forzar a Chrome a mostrarlo como un árbol. ¿Hay un tipo de contenido que mi archivo PHP debe tener ???

¡Me encantaría saber la respuesta!

Gracias Stefanos

+0

@ Matt McClure a continuación es la respuesta! – bcm

+0

También he tenido problemas para obtener una estructura de árbol cuando las cadenas son comillas simples 'en lugar de comillas dobles ", cambiar a" ayudado " – Matt

Respuesta

5

El correcta de tipo de contenido para los datos JSON es application/json. Supongo que eso es lo que te estás perdiendo.

+4

Lamentablemente, esto no obliga a Chrome a convertir la cadena JSON en árbol. ¡Gracias! – GRboss

36

Google Chrome ahora es compatible con esto (Developer Tools > Network > [XHR item in list] Preview).

Además, puede utilizar una herramienta de terceros para formatear el contenido json. Here, que presenta una vista en árbol, y here, otra que simplemente formatea el texto (y realiza la validación).

272

Para ver una vista de árbol en las últimas versiones de Chrome:

Vaya a Herramientas de Desarrollo> Red> la respuesta dada> vista previa

+56

Totalmente glosado sobre la pestaña "Vista previa" y estaba mirando la pestaña "Respuesta". ¡Gracias! –

+6

Pero creo que para obtener esto, debe tener el tipo de contenido correcto. – alexserver

+3

Sí, necesita un tipo de contenido "application/json" válido especificado para que Chrome le proporcione el menú desplegable desplegable. – tweak2

3

que he encontrado la respuesta:

usted debe codificar el JSON como esto: {"c":21001,"m":"p"} pero no {c:21001,m:"p"} o {'c':21001,'m':'p'}

por lo tanto, la clave de un diccionario deben ser envueltos en comillas dobles: ", a continuación, cromo ofrecerá una presentación es como json en lugar de texto sin formato.

+3

Eso es porque el primero es JSON válido y los otros ejemplos no lo son (aunque son javascript válidos). Ver http://simonwillison.net/2006/oct/11/json/ – styfle

3

Para que se muestre correctamente el mensaje JSON, debe tener el tipo de mime "application/json" y estar correctamente estructurado.

Puede comprobar la estructura here

0

No estoy seguro de si Chrome ha añadido esta característica desde la última respuesta, pero pude ver la respuesta JSON por ...

  • apertura herramientas de desarrollo en el navegador, mientras que en la página con la solicitud
  • la presentación de la solicitud
  • de herramientas para desarrolladores - "consola" pestaña - hacer clic en el árbol "objeto" bajo º e recurso para expandir

... Pude ver la respuesta como una jerarquía legible que mostraba qué preguntar y qué devuelve. (Ni la pestaña Red ni Recursos tuvieron nada útil que pude encontrar).

Happy requesting!

Cuestiones relacionadas