Google Chrome отображает JSON AJAX-ответ в виде дерева, а не в виде простого текста

Question

Я не могу найти ответ на этот вопрос:

Мои вызовы AJAX возвращают данные JSON. В Google Chrome Developer Tools> Resources> XHR, когда я щелкаю ресурс слева, а затем на вкладке «Содержимое», я вижу строку JSON в виде строки, а не в виде дерева, как это делают Firebug и Firebug Lite.

Как заставить Chrome отобразить его как дерево? Есть ли тип контента, который должен иметь мой PHP-файл ???

Буду рад узнать ответ!

Спасибо Стефанос

Answer 1

Чтобы увидеть древовидное представление в последних версиях Chrome:

Перейдите в Инструменты разработчика> Сеть> данный ответ> Предварительный просмотр

Answer 2

Google Chrome теперь поддерживает это (Developer Tools > Network > [XHR item in list] Preview).

Кроме того, вы можете использовать сторонний инструмент для форматирования содержимого json. Здесь - это тот, который представляет древовидное представление, а здесь - другой, который просто форматирует текст (и выполняет проверку).

Answer 3

Правильный тип содержимого для данных JSON: application/json.Я полагаю, это то, чего вам не хватает.

Answer 4

Для правильного отображения сообщения JSON он должен иметь тип mime "application / json" и быть правильно структурированным.

Вы можете проверить структуру здесь

Answer 5

Я нашел ответ:

Вы ДОЛЖНЫ кодировать свой JSON следующим образом: {"c":21001,"m":"p"}, но не {c:21001,m:"p"} или {'c':21001,'m':'p'}

Таким образом, ключ dict должен быть заключен в двойные кавычки: ", тогда chrome будет просматривать его как json, а не как обычный текст.

Answer 6

В сборке Google Chrome Dev build 24.0.1312.5 возникла проблема, из-за которой на панели предварительного просмотра больше не отображалось дерево объектов json, а отображался плоский текст. Это должно быть исправлено в следующем dev

Подробнее здесь: http://code.google.com/p/chromium/issues/detail?id=160733

Answer 7

Я не уверен, добавила ли Chrome эту функцию с момента последнего ответа, но мне удалось просмотреть ответ json, открыв ...

• , открыв инструменты разработчика в браузере, пока он находился встраница с запросом
• отправка запроса
• в инструментах разработчика - вкладка «Консоль» - нажмите на дерево «Объект» под ресурсом, чтобы развернуть

... Мне удалось просмотреть ответ как читаемую иерархию, которая показала, о чем просить и что возвращается.(Ни на вкладке «Сеть», ни на вкладке «Ресурсы» не было ничего полезного, что я смог найти.)

Счастливого запроса!

Answer 8

Вы можете использовать расширение Google Chrome: JSONView Все отформатированные результаты json будут отображаться непосредственно в браузере.

Answer 9

Я не думаю, что инструменты разработчика Chrome довольно печатают содержимое XHR. Увидеть: Просмотр ответа HTML от вызова Ajax с помощью инструментов разработчика Chrome?