O Google Chrome exibe a resposta JSON AJAX como árvore e não como texto sem formatação


215

Não consigo encontrar uma resposta para esta:

Minhas chamadas AJAX retornam dados JSON. Nas Ferramentas do desenvolvedor do Google Chrome> Recursos> XHR, quando clico no recurso à esquerda e, na guia Conteúdo, vejo a string JSON como uma string e não como uma árvore, como o Firebug e o Firebug Lite.

Como forço o Chrome a exibi-lo como uma árvore. Existe um tipo de conteúdo que meu arquivo PHP deve ter ???

Eu ficaria feliz em saber a resposta!

Obrigado Stefanos


A resposta de @Matt McClure abaixo é a resposta!
bcm

Eu também tive problemas obtendo uma estrutura de árvore quando as cordas são aspas simples 'em vez de aspas duplas", mudando' para" ajudou
Matt

Respostas:


426

Para ver uma exibição em árvore nas versões recentes do Chrome:

Navegue para Ferramentas do desenvolvedor> Rede> a resposta fornecida> Visualizar


105
Totalmente encoberto na guia "Visualizar" e estava olhando para a guia "Resposta". Obrigado!
Ted Naleid

8
Mas acho que para conseguir isso, você precisa ter o tipo de conteúdo correto.
22413 alexserver

4
Sim, você precisa de um tipo de conteúdo "application / json" válido especificado para o chrome para fornecer o menu suspenso recolhível.
tweak2

5
É realmente um pouco menos intuitivo, porque na guia Cabeçalhos nos permite alternar entre "bruto" e "analisado"; portanto, seria de esperar que eles oferecessem uma visualização "analisada" semelhante na guia Resposta.
G. Stoynev 28/10

1
Desejo que realmente era JSON em vez de uma árvore
Simon_Weaver

57

O Google Chrome agora suporta isso ( Developer Tools > Network > [XHR item in list] Preview).

Além disso, você pode usar uma ferramenta de terceiros para formatar o conteúdo json. Aqui 's um que apresenta uma visão de árvore, e aqui é outra que simplesmente formata o texto (e faz a validação).


6

O tipo de conteúdo correto para dados JSON é application/json. Presumo que é isso que você está perdendo.


6
Infelizmente, isso ainda não força o Chrome a transformar a string JSON em árvore. Obrigado embora!
GRboss

3

Eu encontrei a resposta:

Você DEVE codificar seu json assim: {"c":21001,"m":"p"}mas não {c:21001,m:"p"}ou{'c':21001,'m':'p'}

Assim, a chave de um ditado deve ser colocada entre aspas duplas:, "então o chrome irá visualizá-lo como json em vez de texto simples.


7
Isso ocorre porque o primeiro é JSON válido e os outros exemplos não (embora sejam javascript válidos). Veja simonwillison.net/2006/oct/11/json
styfle

2

Para exibir corretamente a mensagem JSON, ele deve ter o tipo mime "application / json" e ser estruturado corretamente.

Você pode conferir a estrutura aqui




0

Não tenho certeza se o Chrome adicionou esse recurso desde a última resposta, mas consegui visualizar a resposta json ...

  • abrir ferramentas de desenvolvedor no navegador enquanto estiver na página com a solicitação
  • enviando a solicitação
  • nas ferramentas do desenvolvedor - guia "Console" - clique na árvore "Objeto" abaixo do recurso para expandir

... Consegui visualizar a resposta como uma hierarquia legível que mostrava o que pedir e o que é retornado. (Nem a guia Rede nem Recursos tinha algo útil que eu consegui encontrar.)

Pedido feliz!


-1

Você pode usar a Extensão do Google Chrome: JSONView todos os resultados de json formatados serão exibidos diretamente no navegador.


2
O OP perguntou especificamente sobre o código json mostrado nas ferramentas de desenvolvimento.
digout 30/05/19
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.