Google ChromeがJSON AJAX応答をプレーンテキストではなくツリーとして表示する


215

これに対する答えは見つかりません:

私のAJAX呼び出しはJSONデータを返します。Google Chromeデベロッパーツール>リソース> XHRで左側のリソースをクリックし、[コンテンツ]タブをクリックすると、JSON文字列が文字列として表示され、FirebugやFirebug Liteのようにツリーとして表示されません。

Chromeを強制的にツリーとして表示するにはどうすればよいですか。PHPファイルに必要なContent-typeはありますか???

答えを教えてください!

ありがとうステファノス


以下の@Matt McClureの答えが答えです!
bcm 2014

私も助けた「「に変更し、「代わりの二重引用符」文字列は単一引用符のとき、ツリー構造を取得する問題があった
マット・

回答:


426

Chromeの最新バージョンでツリービューを表示するには:

「開発者ツール」>「ネットワーク」>「所定の応答」>「プレビュー」に移動します。


105
「プレビュー」タブを完全に見て、「応答」タブを見ていました。ありがとう!
Ted Naleid、2012年

8
しかし、これを取得するには、正しいコンテンツタイプが必要です。
alexserver 2013

4
はい。折りたたみ可能なドロップダウンを表示するには、Chromeに有効な「application / json」コンテンツタイプを指定する必要があります。
tweak2 2013

5
実際には少し直感的ではありません。「ヘッダー」タブで「生」と「解析済み」を切り替えることができるため、「応答」タブで同様の「解析済み」ビューが提供されると予想されます。
G. Stoynev 2013年

1
それが実際にツリーではなくJSONだったらいいのに
Simon_Weaver '19年

57

Google Chromeはこれをサポートするようになりました(Developer Tools > Network > [XHR item in list] Preview)。

さらに、サードパーティツールを使用してjsonコンテンツをフォーマットできます。 ここでは「プレゼントツリービュー、およびことをS 1 、ここでは単にテキストをフォーマット(と検証を行う)という別のS」。


6

JSONデータの正しいコンテンツタイプはapplication/jsonです。私はそれがあなたが欠けているものだと思います。


6
残念ながら、これでもChromeがJSON文字列をツリーに変換することを強制されません。ありがとう!
GRboss

3

私は答えを見つけました:

あなたはこのようなあなたのJSONを符号化しなければならない:{"c":21001,"m":"p"}なく、{c:21001,m:"p"}または{'c':21001,'m':'p'}

したがって、dictのキーは二重引用符で囲む必要があります。"そうすると、Chromeはプレーンテキストではなくjsonとしてプレビューします。


7
これは、最初の例は有効なJSONであり、他の例は有効でないためです(ただし、それらは有効なJavaScriptです)。参照してくださいsimonwillison.net/2006/oct/11/json
styfle

2

JSONメッセージを正しく表示するには、「application / json」MIMEタイプがあり、正しく構造化されている必要があります。

ここで構造を確認できます




0

前回の回答以降、Chromeにこの機能が追加されているかどうかはわかりませんが、jsonの応答を表示することができました...

  • リクエストのあるページでブラウザで開発者ツールを開く
  • リクエストを送信する
  • 開発者ツール- [ コンソール ]タブ-リソースの下の[オブジェクト]ツリーをクリックして展開します

...私は応答を、何を要求し何が返されるかを示す読みやすい階層として表示することができました。([ネットワーク]タブも[リソース]タブも、私が見つけることができた役立つ情報はありませんでした。)

リクエストしてください。


-1

Google Chrome拡張機能を使用できます。JSONView フォーマットされたjsonの結果はすべてブラウザに直接表示されます。


2
OPは、開発ツール内に表示されるjsonコードについて具体的に尋ねました。
掘り出し物
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.