Google Chrome visualizza la risposta JSON AJAX come albero e non come testo semplice

215

Non riesco a trovare una risposta a questa:

Le mie chiamate AJAX restituiscono dati JSON. In Strumenti per gli sviluppatori di Google Chrome> Risorse> XHR quando faccio clic sulla risorsa a sinistra, quindi nella scheda Contenuto vedo la stringa JSON come una stringa e non come un albero come fanno Firebug e Firebug Lite.

Come faccio a forzare Chrome a diplay come un albero. Esiste un tipo di contenuto che il mio file PHP deve avere ???

Sarei felice di sapere la risposta!

Grazie Stefanos

ajax  json  google-chrome  view  tree 
— GRboss
fonte
La risposta di @Matt McClure qui sotto è la risposta!
— bcm
Ho anche avuto problemi a ottenere una struttura ad albero quando le stringhe sono virgolette singole 'anziché doppie virgolette ", cambiando' in" aiutato
— Matt

Risposte:

427

Per vedere una vista ad albero nelle ultime versioni di Chrome:

Passa a Strumenti per sviluppatori> Rete> la risposta fornita> Anteprima

— Matt McClure
fonte
105
Totalmente lucido sopra la scheda "Anteprima" e stava guardando la scheda "Risposta". Grazie!
— Ted Naleid,
8
Ma penso che per ottenerlo, devi avere il tipo di contenuto corretto.
— alexserver,
4
Sì, è necessario un tipo di contenuto "application / json" valido specificato per Chrome per fornire il menu a discesa comprimibile.
— tweak2,
5
È in effetti un po 'meno intuitivo, perché nella scheda Intestazioni ci permettono di passare da "raw" a "parsed", quindi ci si aspetterebbe che offrano una simile vista "parsed" nella scheda Response.
— G. Stoynev,
1
Vorrei che in realtà fosse JSON invece di un albero
— Simon_Weaver
57

Google Chrome ora supporta questo ( Developer Tools > Network > [XHR item in list] Preview).

Inoltre, è possibile utilizzare uno strumento di terze parti per formattare il contenuto json. Eccone uno che presenta una vista ad albero e qui un altro che semplicemente formatta il testo (e fa la validazione).

— Trevor
fonte
6

Il tipo di contenuto corretto per i dati JSON è application/json. Presumo che sia quello che ti manca.

— Quentin
fonte
6
Sfortunatamente, ciò non impone a Chrome di trasformare la stringa JSON in albero. Grazie comunque!
— GRboss
3

Ho trovato la risposta:

DEVI codificare il tuo json in questo modo: {"c":21001,"m":"p"}ma no {c:21001,m:"p"}o{'c':21001,'m':'p'}

Pertanto, la chiave di un dict deve essere racchiusa tra virgolette doppie ", quindi Chrome la visualizzerà in anteprima come json anziché come testo semplice.

— Bingyan Liu
fonte
7
Questo perché il primo è JSON valido e gli altri esempi no (sebbene siano javascript validi). Vedi simonwillison.net/2006/oct/11/json
— styfle il
2

Per poter visualizzare correttamente il messaggio JSON deve avere il tipo mime "application / json" e essere strutturato correttamente.

Puoi controllare la struttura qui

— Mariana B.
fonte
0

Non sono sicuro che Chrome abbia aggiunto questa funzione dall'ultima risposta, ma sono stato in grado di visualizzare la risposta JSON di ...

  • apertura degli strumenti di sviluppo nel browser mentre si è nella pagina con la richiesta
  • inviare la richiesta
  • negli strumenti di sviluppo - scheda "Console" : fare clic sull'albero "Oggetto" sotto la risorsa per espandere

... Sono stato in grado di vedere la risposta come una gerarchia leggibile che mostrava cosa chiedere e cosa viene restituito. (Né la scheda Rete né la scheda Risorse avevano nulla di utile che potessi trovare.)

Buona richiesta!

— Deborah
fonte
-1

Puoi utilizzare l'estensione di Google Chrome: JSONView tutti i risultati json formattati verranno visualizzati direttamente sul browser.

— Quang Vu
fonte
2
OP ha chiesto specificamente il codice json mostrato all'interno degli strumenti di sviluppo.
— scavare
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.