Google Chrome zeigt die JSON AJAX-Antwort als Baum und nicht als einfachen Text an

215

Ich kann keine Antwort auf diese Frage finden:

Meine AJAX-Aufrufe geben JSON-Daten zurück. Wenn ich in Google Chrome Developer Tools> Ressourcen> XHR auf die Ressource links und dann auf die Registerkarte Inhalt klicke, wird die JSON-Zeichenfolge als Zeichenfolge und nicht als Baum angezeigt, wie dies bei Firebug und Firebug Lite der Fall ist.

Wie zwinge ich Chrome, es als Baum anzuzeigen? Gibt es einen Inhaltstyp, den meine PHP-Datei haben muss ???

Ich würde mich über die Antwort freuen!

Danke Stefanos

ajax json google-chrome view tree GRboss
quelle
@ Matt McClures Antwort unten ist die Antwort!
bcm
Ich habe auch Probleme eine Baumstruktur erhalten , wenn die Saiten einfache Anführungszeichen ‚anstelle von doppelten Anführungszeichen“, Ändern‘auf" geholfen werden
Matt

Antworten:

426

So zeigen Sie eine Baumansicht in neueren Versionen von Chrome an:

Navigieren Sie zu Entwicklertools> Netzwerk> Die angegebene Antwort> Vorschau

Matt McClure
quelle
105
Völlig beschönigt die Registerkarte "Vorschau" und schaute auf die Registerkarte "Antwort". Vielen Dank!
Ted Naleid
8
Aber ich denke, um das zu bekommen, muss man den richtigen Inhaltstyp haben.
Alexander Server
4
Ja, Sie benötigen einen gültigen Inhaltstyp "application / json", der für Chrome angegeben ist, damit Sie das zusammenklappbare Dropdown-Menü erhalten.
Tweak2
5
Es ist in der Tat etwas weniger intuitiv, da wir auf der Registerkarte "Überschriften" zwischen "roh" und "analysiert" wechseln können. Man würde also erwarten, dass sie auf der Registerkarte "Antwort" eine ähnliche "analysierte" Ansicht anbieten.
G. Stoynev
1
Ich wünschte, es wäre tatsächlich JSON anstelle eines Baumes
Simon_Weaver
57

Google Chrome unterstützt dies jetzt ( Developer Tools > Network > [XHR item in list] Preview).

Darüber hinaus können Sie den JSON-Inhalt mit einem Drittanbieter-Tool formatieren. Hier ist eine, die eine Baumansicht darstellt, und hier ist eine andere, die lediglich den Text formatiert (und die Validierung durchführt).

Trevor
quelle
6

Der richtige Inhaltstyp für JSON-Daten ist application/json. Ich nehme an, das fehlt dir.

QUentin
quelle
6
Leider zwingt dies Chrome immer noch nicht dazu, die JSON-Zeichenfolge in einen Baum umzuwandeln. Trotzdem danke!
GRboss
3

Ich habe die Antwort gefunden:

Sie MÜSSEN Ihren JSON wie folgt codieren: {"c":21001,"m":"p"}aber nicht {c:21001,m:"p"}oder{'c':21001,'m':'p'}

Daher muss der Schlüssel eines Diktats in doppelte Anführungszeichen gesetzt werden: "Dann zeigt Chrome eine Vorschau als JSON und nicht als einfachen Text an.

Bingyan Liu
quelle
7
Das liegt daran, dass das erste gültige JSON ist und die anderen Beispiele nicht (obwohl es sich um gültiges Javascript handelt). Siehe simonwillison.net/2006/oct/11/json
styfle
2

Damit die JSON-Nachricht richtig angezeigt wird, muss sie den MIME-Typ "application / json" haben und korrekt strukturiert sein.

Sie können die Struktur überprüfen hier

Mariana B.
quelle
0

Ich bin nicht sicher, ob Chrome diese Funktion seit der letzten Antwort hinzugefügt hat, aber ich konnte die JSON-Antwort anzeigen, indem ...

  • Öffnen von Entwicklertools im Browser, während Sie sich auf der Seite mit der Anforderung befinden
  • Senden der Anfrage
  • Klicken Sie in den Entwicklertools - Registerkarte "Konsole" - auf den Baum "Objekt" unter der Ressource, um ihn zu erweitern

... Ich konnte die Antwort als lesbare Hierarchie anzeigen, die zeigte, wonach gefragt werden muss und was zurückgegeben wird. (Weder auf der Registerkarte Netzwerk noch auf der Registerkarte Ressourcen war etwas hilfreich, das ich finden konnte.)

Viel Spaß beim Anfordern!

Deborah
quelle
-1

Sie können die Google Chrome-Erweiterung verwenden: JSONView Alle formatierten JSON-Ergebnisse werden direkt im Browser angezeigt.

Quang Vu
quelle
2
OP fragte speziell nach json-Code, der in den Entwicklertools angezeigt wird.
Ausgrabung