Google Chrome muestra la respuesta JSON AJAX como árbol y no como texto sin formato


215

No puedo encontrar una respuesta a esta:

Mis llamadas AJAX devuelven datos JSON. En Herramientas para desarrolladores de Google Chrome> Recursos> XHR cuando hago clic en el recurso de 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 fuerzo a Chrome a mostrarlo como un árbol? ¿Hay un tipo de contenido que debe tener mi archivo PHP?

¡Me encantaría saber la respuesta!

Gracias Stefanos


¡La respuesta de @Matt McClure a continuación es la respuesta!
— bcm

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

Respuestas:


426

Para ver una vista de árbol en versiones recientes de Chrome:

Vaya a Herramientas para desarrolladores> Red> la respuesta dada> Vista previa


105
Totalmente pasado por alto la pestaña "Vista previa" y estaba mirando la pestaña "Respuesta". ¡Gracias!
— Ted Naleid

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

44
Sí, necesita un tipo de contenido válido "aplicación / json" especificado para Chrome para obtener el menú desplegable plegable.
— tweak2

55
De hecho, es un poco menos intuitivo, porque en la pestaña Encabezados nos permiten cambiar entre "sin procesar" y "analizado", por lo que uno esperaría que ofrecieran una vista "analizada" similar en la pestaña Respuesta.
— G. Stoynev

1
Desearía que en realidad fuera JSON en lugar de un árbol
— Simon_Weaver

57

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

Además, puede usar una herramienta de terceros para formatear el contenido json. Aquí 's que presenta una vista de árbol, y aquí es otra que simplemente da formato al texto (y lo hace de validación).


6

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


66
Desafortunadamente, esto todavía no obliga a Chrome a convertir la cadena JSON en árbol. Gracias sin embargo!
— GRboss

3

He encontrado la respuesta:

DEBES codificar tu json así: {"c":21001,"m":"p"}pero no {c:21001,m:"p"}o{'c':21001,'m':'p'}

Por lo tanto, la clave de un dict debe estar entre comillas dobles: "luego Chrome la previsualizará como json en lugar de texto sin formato.


77
Esto se debe a que el primero es JSON válido y los otros ejemplos no lo son (aunque son javascript válidos). Ver simonwillison.net/2006/oct/11/json
— styfle

2

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

Puedes consultar la estructura aquí




0

No estoy seguro de si Chrome ha agregado esta función desde la última respuesta, pero pude ver la respuesta de json al ...

  • abrir herramientas de desarrollador en el navegador mientras está en la página con la solicitud
  • enviando la solicitud
  • en herramientas de desarrollador - pestaña "Consola" - haga clic en el árbol "Objeto" debajo del recurso para expandir

... pude ver la respuesta como una jerarquía legible que mostraba qué pedir y qué se devuelve. (Ni la pestaña Red o Recursos tenía algo útil que pude encontrar).

Feliz solicitud!


-1

Puede usar Google Chrome Extension: JSONView todos los resultados json formateados se mostrarán directamente en el navegador.


2
OP preguntó específicamente sobre el código json que se muestra dentro de las herramientas de desarrollo.
— excavación
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.