47

Tradicionalmente uso FireBug para depurar mis solicitudes AJAX. Le permite examinar tanto el contenido de su solicitud como la respuesta que se envió desde el servidor. (También te avisa en la consola cuando esto ocurre, que es una función útil que parece que no tiene Chrome).¿Visualizas contenido de respuesta AJAX en herramientas de desarrollador de Chrome?

En Chrome, parece que solo puedo ver las solicitudes, no las respuestas. Cuando trato de examinar la respuesta, la interfaz de usuario solo muestra "Sin contenido disponible" (Herramientas del desarrollador> Recursos> myRequest.php> Contenido). ¿Debo activar algo para que las herramientas de desarrollador de Chrome recuerden estas solicitudes?

EDITAR: En caso de que importe, estas solicitudes se realizan dentro de un objeto Flash.

+1

Tengo el mismo problema. No tengo extensiones Tengo "log XMLHttpRequests" marcado, y he intentado con todas las sugerencias que puedo encontrar. Tengo que usar firefox + firebug o el proxy de charles para hacer toda mi depuración con ajax. Qué dolor que el cromo no parece tener ningún soporte para ver las respuestas de ajax. –

+0

FYI las solicitudes también se están realizando desde flash, y las respuestas son application/json –

Respuesta

4

El contenido de las respuestas ajax no está visible aún si la solicitud se genera mediante un complemento. Existe la posibilidad de que este problema se resuelva pronto.

+8

Esto ya no es cierto. Vea la respuesta de Masterov a esta pregunta. –

+0

Considere también [Fiddler 2] (http://fiddler2.com/) - es una instalación rápida, es gratis y fácil de usar. No hay otra aplicación que le brinde una vista más completa y detallada de * todo * que se envía por cable, cualquier navegador, cualquier complemento, incluso aplicaciones. Me ha rescatado más de una vez :-) –

+1

No tengo ningún problema y siempre obtengo "Esta solicitud no tiene datos de respuesta" para todas mis llamadas ajax. Tengo que usar Firefox + Firebug en su lugar. Es increíble que Chrome no tenga soporte para ver las respuestas de ajax. –

1

Active el seguimiento de recursos, luego verifique la pestaña de recursos. El seguimiento de recursos parece funcionar mucho mejor si marca "usar siempre el seguimiento de recursos".

+0

El seguimiento de recursos está definitivamente activado. Puedo ver las solicitudes que se realizan y los encabezados de esas solicitudes, pero no el contenido. (NOTA: esto solo se aplica a las solicitudes AJAX, y solo se puede aplicar a las realizadas en Flash). – Ender

+0

Eso es raro. No uso flash, tal vez ese sea el problema ... podría valer la pena probar una compilación dev más reciente de cromo/cromo si aún no lo has hecho. –

83

Si usted está en un canal de desarrolladores de Google Chrome:

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

... usted debe ser capaz de botón derecho del ratón en la consola de herramientas de desarrollo, y hacer clic en "Habilitar registro XMLHttpRequest".

Una vez que esté habilitado, verá las solicitudes de XHR en la consola, y podrá hacer clic en ellas para ir al panel de recursos, donde podrá ver el contenido de un XHR.

+11

+1 - Esta debería ser la respuesta aceptada. La pregunta es vieja. – Mike

+9

Esto no funcionó para mí. Tengo el registro XMLHTTPRequest habilitado, pero en la pestaña de respuestas de la red de herramientas de desarrollo XHR siempre muestra "Esta solicitud no tiene datos de respuesta disponibles". No es posible ver ninguna respuesta de Ajax en Chrome (al menos para mí). Tengo que usar Firebug que lo muestra bien. –

+2

Sí, solo veo mis nombres de funciones AJAX. Sin datos – BenRacicot

0

En la devolución de llamada fallida, el primer parámetro tiene una propiedad llamada responseText.

3

Encontré el mismo problema: solicitud POST de flash + respuesta JSON + no se muestra respuesta en el inspector de Chrome. Sin embargo, no hay problema con FF + FireBug.

Adición charset = UTF-8 a Content-Type en las cabeceras de respuesta resuelto el problema para mí:

Content-Type: application/json; charset = utf-8

No estoy seguro de si esta es la solución adecuada para este problema, pero al menos ahora puedo ver la respuesta JSON en Chrome Inspector.

+0

Esto también me solucionó el problema: el juego de caracteres faltante impedía que aparecieran los datos. – nwinkler

+0

es bueno saberlo. wish crome solucionaría este problema, ya que existen (otras cadenas de herramientas no relacionadas debido a las actualizaciones del SO) problemas para poder cambiar el tipo de contenido que se cambia y es una tontería que un problema tan simple esté causando una desviación tan grande. – Michael

+0

Desafortunadamente no me ayudó, ya estoy usando 'Content-Type: application/json; charset = utf-8' – user3479125

1

tuve respuesta vacía porque el guión fue el envío de datos vacías por

die(); 
4

Lo que puede estar viendo sólo la solicitud OPTIONS de una solicitud CORS ser tratada como una solicitud XHR por Google Chrome inspector. Por lo tanto, si filtró por solicitudes de XHR, es posible que solo vea la solicitud de verificación previa de OPTIONS inicial, cuya respuesta no tiene contenido, y se confunda porque parece que Chrome se niega a mostrar la respuesta. Deshabilite el filtro y vaya a la siguiente solicitud para esa misma URL, que probablemente será la solicitud "real" correspondiente a esa solicitud de verificación previa de CORS.

0

La razón no puede ser solo en cromo, sino que también se puede detener la vista previa incluso con código JS. Por ejemplo, hay algún complemento para Vue.js llamado vue-resorcese, y tenía este problema: Chrome, no response data after OPTIONS request? He vivido con este problema varios meses hasta que encontré esa pregunta hoy.La pregunta actual nunca dio una respuesta, así que ahora la comparto aquí.

Detalles: este plugin tuvieron siguiente código que crea objeto XHR:

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

Este código fue bueno y la vista previa trabajó pero hasta cierta actualización de cromo. ¡Hoy cuando comenté esto, la vista previa apareció otra vez! Entonces, primero revisa tu contenedor XHR, puede ser que tenga algo como esto.

Fue el problema poco común porque se reprodujo solo con la verificación previa de CORS. Por cierto, haciendo clic derecho en el OPTIONS XHR y REPLAY también mostró una vista previa.

allí lo tienes

Cuestiones relacionadas