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

ajax json google-chrome view tree GRboss
fonte
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

Matt McClure
fonte
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).

Trevor
fonte
6

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

Quentin
fonte
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.

Bingyan Liu
fonte
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

Mariana B.
fonte
1

Ocorreu um problema com uma compilação do Google Chrome Dev build 24.0.1312.5 que fez com que o painel de visualização não exibisse mais uma árvore de objetos json, mas um texto simples. Deve ser corrigido no próximo desenvolvedor

Veja mais aqui: http://code.google.com/p/chromium/issues/detail?id=160733

JeffBaumgardt
fonte
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!

Deborah
fonte
-1

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

Quang Vu
fonte
2
O OP perguntou especificamente sobre o código json mostrado nas ferramentas de desenvolvimento.
digout 30/05/19