web-dev-qa-db-fra.com

JSON d'affichage Google Chrome AJAX réponse sous forme d'arbre et non sous forme de texte brut

Je ne trouve pas de réponse à celle-ci:

Mes appels AJAX renvoient des données JSON. Dans Outils de développement> Ressources> XHR de Google Chrome, lorsque je clique sur la ressource à gauche, puis sur l'onglet Contenu, la chaîne JSON apparaît sous la forme d'une chaîne et non sous la forme d'une arborescence comme le font Firebug et Firebug Lite.

Comment forcer Chrome à l'afficher sous forme d'arborescence. Existe-t-il un type de contenu que mon fichier PHP doit avoir ???

Je serais heureux de connaître la réponse!

Merci Stefanos

ajaxjsongoogle-chromeviewtree
167
GRboss

Pour voir une arborescence dans les versions récentes de Chrome:

Accédez à Outils de développement> Réseau> la réponse donnée> Aperçu

337
Matt McClure

Google Chrome prend désormais en charge cette fonctionnalité (Developer Tools > Network > [XHR item in list] Preview). 

De plus, vous pouvez utiliser un outil tiers pour formater le contenu json. Celui de Here qui présente une vue arborescente et celui de here qui ne fait que formater le texte (et le valide).

46
Trevor

Le type de contenu correct pour les données JSON est application/json. Je suppose que c'est ce qui vous manque.

5
Quentin

Pour pouvoir afficher correctement le message JSON, il doit avoir le type mime "application/json" et être correctement structuré.

Vous pouvez vérifier la structure ici

3
Mariana B.

J'ai trouvé la réponse:

Vous DEVEZ encoder votre JSON comme ceci: {"c":21001,"m":"p"} mais pas {c:21001,m:"p"} ni {'c':21001,'m':'p'}

Ainsi, la clé d'un dict doit être entourée de guillemets doubles: ", puis chrome l'affichera sous forme json plutôt que sous forme de texte brut.

3
Bingyan Liu

Un problème lié à la construction de la version 24.0.1312.5 de Google Chrome Dev était que le panneau de prévisualisation n'affichait plus d'arborescence d'objets JSON, mais plutôt un texte plat. Il devrait être corrigé dans le prochain dev

Plus d'informations ici: http://code.google.com/p/chromium/issues/detail?id=160733

1
JeffBaumgardt

Je ne sais pas si Chrome a ajouté cette fonctionnalité depuis la dernière réponse, mais j'ai pu voir la réponse json en ...

  • ouverture des outils de développement dans le navigateur lorsque vous êtes sur la page avec la demande
  • soumettre la demande 
  • dans les outils de développement - "Console" onglet - cliquez sur l'arborescence "Objet" sous la ressource pour la développer

... J'ai pu voir la réponse comme une hiérarchie lisible montrant ce qu'il faut demander et ce qui est renvoyé. (Aucun des onglets Réseau ou Ressources ne contient quelque chose d'utile que j'ai pu trouver.)

Bonne demande!

1
Deborah

Je ne pense pas que les outils de développement de Chrome impriment le contenu XHR. Voir: Affichage de la réponse HTML d'un appel Ajax via les outils de développement Chrome?

0
lambacck

Vous pouvez utiliser Google Chrome Extension: JSONView Tous les résultats JSON formatés seront affichés directement sur le navigateur.

0
Quang Vu