Просмотреть содержимое ответов AJAX в инструментах разработчика Chrome? - PullRequest
50 голосов
/ 08 июля 2010

Традиционно я использую FireBug для отладки моих AJAX-запросов.Это позволяет вам изучить как содержимое вашего запроса, так и ответ, который был отправлен обратно с сервера.(он также уведомляет вас в консоли, когда это происходит, что является полезной функцией, которой, похоже, в Chrome не хватает).

В Chrome мне кажется, что я могу только просматривать запросы, а не ответы.Когда я пытаюсь изучить ответ, пользовательский интерфейс просто отображает «Нет содержимого» (Инструменты разработчика> Ресурсы> myRequest.php> Содержание).Нужно ли что-то включать, чтобы инструменты разработчика Chrome запоминали эти запросы?

РЕДАКТИРОВАТЬ: В случае необходимости эти запросы выполняются внутри объекта Flash.

Ответы [ 9 ]

84 голосов
/ 08 июля 2010

Если вы находитесь на канале разработчика Google Chrome:

http://www.chromium.org/getting-involved/dev-channel

... вы сможете щелкнуть правой кнопкой мыши в консоли инструментов разработчика и нажать «Включить».Журнал XMLHttpRequest ".

Как только он будет включен, вы увидите запросы XHR в консоли и сможете нажать на них, чтобы перейти на панель ресурсов, где вы сможете увидетьсодержание XHR.

9 голосов
/ 07 сентября 2016

Возможно, вы увидите только запрос OPTIONS запроса CORS, который инспектор Google Chrome рассматривает как запрос XHR.Поэтому, если вы фильтруете по запросам XHR, вы можете увидеть только начальный запрос предварительной проверки OPTIONS, в ответе которого нет содержимого, и запутаться, потому что кажется, что Chrome отказывается показывать ответ.Отключите фильтр и перейдите к следующему запросу для того же URL-адреса, который, скорее всего, будет «реальным» запросом, соответствующим этому предварительному запросу CORS.

3 голосов
/ 30 августа 2013

Я столкнулся с той же проблемой: POST-запрос от flash + ответ JSON + в Chrome Inspector не отображается ответ. Нет проблем с FF + FireBug.

Добавление charset = utf-8 к Content-Type в заголовках ответов решило проблему для меня:

Content-Type: application / json; кодировка = UTF-8

Я не уверен, что это правильное решение для этой проблемы, но по крайней мере теперь я могу видеть ответ JSON в Chrome Inspector.

2 голосов
/ 08 июля 2010

Содержимое ответов ajax пока не видно, если запрос сгенерирован плагином.Есть вероятность, что эта проблема будет исправлена ​​в ближайшее время.

1 голос
/ 08 мая 2015

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

die();
1 голос
/ 08 июля 2010

Включите отслеживание ресурсов, затем проверьте вкладку ресурсов.Отслеживание ресурсов, кажется, работает намного лучше, если вы отметите «всегда использовать отслеживание ресурсов».

0 голосов
/ 23 декабря 2018

Решение для PHP:

Причиной может быть то, что запрашиваемый URL-адрес ( php страница) имеет ошибки.Но так как многие хостинги отключили вывод ошибок, вам нужно включить этот файл в запрошенном файле .php (поместить где-то в начало файла):

ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

После этоговы увидите ответ там.

0 голосов
/ 15 апреля 2017

Причина может быть не только в Chrome, но и предварительный просмотр может быть остановлен даже кодом JS.Например, есть какой-то плагин для Vue.js, который называется vue-resorcese, и у него была такая проблема: Chrome, нет данных ответа после запроса OPTIONS? Я жил с этой проблемой несколько месяцев, пока не нашел этот вопрос сегодня.Текущий вопрос никогда не давал ответа, поэтому я теперь делюсь им здесь.

Подробности: у этого плагина был следующий код, который создает объект XHR:

if ('responseType' in xhr && SUPPORTS_BLOB) {
       xhr.responseType = 'blob';
}

Этот код был в порядке, и предварительный просмотр работал, но докакое-то хромовое обновление.Сегодня, когда я прокомментировал это, превью появилось снова!Поэтому сначала попробуйте проверить свою оболочку XHR, возможно, она имеет что-то вроде этого.

Это была редкая проблема, потому что она воспроизводилась только с предварительным просмотром CORS.Кстати, щелкнув правой кнопкой мыши на OPTIONS XHR и REPLAY, также отображается предварительный просмотр.

там у вас есть

0 голосов
/ 13 мая 2013

В обратном вызове fail у первого параметра есть свойство responseText.

...