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

Question

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

144

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

Мой AJAX вызывает возврат данных JSON. В Инструментах разработчика Google Chrome > Ресурсы > XHR, когда я нажимаю на ресурс слева, а затем на вкладке "Содержимое", я вижу строку JSON в виде строки, а не как дерево, как Firebug и Firebug Lite.

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

Я был бы рад узнать ответ!

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

GRboss 08 окт. 2010, в 09:01

Источник

0

Ответ @Matt McClure ниже - это ответ!
bcm 22 апр. 2014, в 05:40
0

У меня также были проблемы с получением древовидной структуры, когда строки представляют собой одинарные кавычки "вместо двойных кавычек", поменяв "на" помогло
Matt 22 март 2015, в 19:08

Теги:

ajax

json

view

google-chrome

tree

8 ответов

Ещё вопросы

У меня также были проблемы с получением древовидной структуры, когда строки представляют собой одинарные кавычки "вместо двойных кавычек", поменяв "на" помогло

Matt McClure · Answer 1 · 2011-12-13T20-45-00.000Z

265

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

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

Matt McClure 13 дек. 2011, в 20:45

80

Полностью скрыл вкладку «Предварительный просмотр» и просматривал вкладку «Ответ». Спасибо!
Ted Naleid 24 янв. 2012, в 19:47
6

Но я думаю, чтобы получить это, вам нужно иметь правильный тип контента.
alexserver 15 фев. 2013, в 17:33
3

Да, вам нужен правильный тип содержимого application / json, указанный для chrome, чтобы вы могли раскрыть раскрывающийся список.
tweak2 19 фев. 2013, в 22:05
3

Это действительно немного менее интуитивно понятно, потому что на вкладке «Заголовки» они позволяют нам переключаться между «сырым» и «разобранным», поэтому можно ожидать, что они предложат аналогичное «проанализированное» представление на вкладке «Ответ».
G. Stoynev 28 окт. 2013, в 18:20
0

Я бы хотел, чтобы это был JSON вместо дерева
Simon_Weaver 19 май 2018, в 06:27

Показать ещё 3 комментария

Trevor · Answer 2 · 2010-12-02T23-34-00.000Z

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

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

Quentin · Answer 3 · 2010-10-08T08-04-00.000Z

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

К сожалению, это по-прежнему не заставляет Chrome превращать строку JSON в дерево. Спасибо хоть!

Mariana B. · Answer 4 · 2012-08-16T14-22-00.000Z

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

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

Bingyan Liu · Answer 5 · 2011-12-16T14-48-00.000Z

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

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

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

Это потому, что первый является допустимым JSON, а другие примеры - нет (хотя они являются допустимым javascript). См. Simonwillison.net/2006/oct/11/json

Jeff · Answer 6 · 2012-12-04T17-16-00.000Z

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

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

Deborah · Answer 7 · 2012-09-12T00-13-00.000Z

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

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

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

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

lambacck · Answer 8 · 2010-12-02T16-45-00.000Z

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