Google Chrome affiche la réponse JSON AJAX sous forme d’arborescence 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 Google Chrome Developer Tools> Ressources> XHR, lorsque je clique sur la ressource à gauche, puis sur l’onglet Contenu, je vois la chaîne JSON sous forme de chaîne et non sous la forme d’une arborescence, comme Firebug et Firebug Lite.

Comment puis-je forcer Chrome à l’afficher comme un arbre? Y a-t-il un type de contenu que mon fichier PHP doit avoir ???

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

Merci Stefanos

Pour afficher une vue arborescente dans les versions récentes de Chrome:

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

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. En voici un qui présente une vue arborescente, et en voici un autre qui ne fait que formater le texte (et fait la validation).

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

J’ai trouvé la réponse:

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

Ainsi, la clé d’un dict doit être mise entre guillemets: " , alors le chrome la prévisualisera en json plutôt qu’en texte brut.

Pour qu’il affiche correctement le message JSON, il doit avoir le type MIME “application / json” et être correctement structuré.

Vous pouvez vérifier la structure ici

Je ne suis pas sûr que Chrome ait ajouté cette fonctionnalité depuis la dernière réponse, mais j’ai pu voir la réponse de json par …

  • ouvrir des outils de développement dans le navigateur sur la page avec la requête
  • soumettre la demande
  • dans les outils de développement – onglet “Console” – cliquez sur l’arbre “Object” sous la ressource à développer

… J’ai pu voir la réponse comme une hiérarchie lisible qui montre ce qu’il faut demander et ce qui est retourné. (L’onglet Réseau ou Ressources n’a rien d’aussi utile que ce que j’ai pu trouver.)

Heureux de demander!

Il y avait un problème avec une version de Google Chrome Dev build 24.0.1312.5 qui empêchait le panneau de prévisualisation d’afficher une arborescence d’object json mais plutôt du texte plat. Il devrait être corrigé dans le prochain dev

Voir plus ici: http://code.google.com/p/chromium/issues/detail?id=160733

Je ne pense pas que les outils Chrome Developer permettent d’imprimer du contenu XHR. Voir: Affichage d’une réponse HTML à partir d’un appel Ajax via les outils Chrome Developer?