wake-up-neo.com

Google Chrome-Anzeige JSON AJAX Antwort als Baum und nicht als Klartext

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 klicke und dann auf der Registerkarte Inhalt den JSON-String als String und nicht als Baumstruktur wie bei Firebug und Firebug Lite sehe.

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!

Vielen Dank Stefanos

ajaxjsongoogle-chromeviewtree
167
GRboss

So zeigen Sie eine Strukturansicht in den letzten Versionen von Chrome an:

Navigieren Sie zu Entwicklertools> Netzwerk> zur angegebenen Antwort> Vorschau

337
Matt McClure

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

Darüber hinaus können Sie ein Drittanbieter-Tool zum Formatieren des Json-Inhalts verwenden. Hier s ist eine Baumansicht und hier eine andere, die lediglich den Text formatiert (und Validierung durchführt).

46
Trevor

Der korrekte Inhaltstyp für JSON-Daten ist application/json. Ich vermute, das fehlt Ihnen.

5
Quentin

Damit die JSON-Nachricht ordnungsgemäß angezeigt werden kann, muss sie den Mime-Typ "application/json" haben und korrekt strukturiert sein.

Sie können die Struktur überprüfen hier

3
Mariana B.

Ich habe die Antwort gefunden:

Sie MÜSSEN Ihren Json folgendermaßen 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 die Vorschau als json und nicht als Text an.

3
Bingyan Liu

Es gab ein Problem mit einem Build von Google Chrome Dev Build 24.0.1312.5, das dazu führte, dass im Vorschaufenster kein Json-Objektbaum mehr angezeigt wurde, sondern flacher Text. Es sollte im nächsten dev behoben werden

Weitere Informationen finden Sie hier: http://code.google.com/p/chromium/issues/detail?id=160733

1
JeffBaumgardt

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

  • Öffnen Sie die Entwicklertools im Browser, während Sie sich auf der Seite mit der Anforderung befinden
  • die Anfrage absenden 
  • klicken Sie in den Entwicklertools - "Console" Tab auf die "Objekt" -Struktur unter der zu erweiternden Ressource

... Ich konnte die Antwort als eine lesbare Hierarchie anzeigen, die zeigte, was gefragt werden sollte und was zurückgegeben wird. (Weder der Tab "Netzwerk" noch die Registerkarte "Ressourcen" enthielt nützliche Informationen, die ich finden konnte.)

Glücklich anfragen!

1
Deborah

Ich finde nicht, dass die Chrome Developer Tools XHR-Inhalte drucken. Siehe: HTML-Antwort eines Ajax-Aufrufs über Chrome Developer-Tools anzeigen?

0
lambacck

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

0
Quang Vu