Google Chrome отображает ответ JSON AJAX как дерево, а не как обычный текст

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

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

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

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

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

Ответ 1

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

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

Ответ 2

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

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

Ответ 3

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

Ответ 4

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

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

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

Ответ 5

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

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

Ответ 6

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

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

Ответ 8

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

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

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

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