Cómo verificar la respuesta ajax en el navegador

MÉTODO 1:

Abre el navegador ve al enlace

Presione F12. Herramienta de desarrollo del navegador Windows se abrirá para usted

Luego haga clic en la pestaña Red en la ventana de herramientas

Luego haga una llamada Ajax haciendo clic en el botón u otro método que codificó

Verá la solicitud ajax realizada en la pestaña de red, haga clic en ella y luego podrá ver los datos de solicitud y respuesta enviados y recibidos respectivamente

MÉTODO 2:

Abra el navegador, vaya al enlace y haga una solicitud de Ajax

Presione F12. Herramienta de desarrollo del navegador Windows se abrirá para usted

Haga clic en la consola para abrir la ventana de la consola

Aquí puede ver el mensaje que ha impreso usando console.log en una solicitud ajax exitosa o fallida.

Código de ejemplo:

$ (‘# main-menu a’). click (function (event) {

event.preventDefault ();

// A continuación se muestra la llamada ajax en carga

$ (‘# main’). load (this.href + ‘#main *’, function (responseText, status) {

if (estado === ‘éxito’) {

// A continuación hay un mensaje en la consola cuando la solicitud ajax fue exitosa

console.log (‘La solicitud de Ajax fue exitosa “);

} más {

// A continuación hay un mensaje en la consola cuando la solicitud ajax falló

console.log (‘¡Lo sentimos! Error en la solicitud de Ajax “);

}

});

});

Afortunadamente estaba haciendo lo mismo cuando recibí una notificación para responder a esta pregunta …

Bueno, simplemente puede consolar la respuesta AJAX utilizando console.log (); luego abra la consola del desarrollador parte de su navegador usando CTRL + SHIFT + I comando.

Aquí hay algunas capturas de pantalla de mi trabajo para ayudarlo a través del proceso …

En la segunda imagen: después de obtener la respuesta ajax con éxito, simplemente la consolé.

En la primera imagen: puede ver la respuesta AJAX en la consola del desarrollador, parte del navegador …

Espero que esto te ayude … (Y)

Debería ser fácil verificar la respuesta ajax en el navegador.

  • Abrir herramientas de desarrollador para el navegador web
  • Ir a la pestaña de red
  • Allí verá todas las solicitudes de esa página.
  • Para filtrar solo la solicitud ajax. Debe aplicar el filtro XHR.
  • Ahora puede verificar la respuesta de esa solicitud ajax simplemente seleccionándola.

La forma más fácil es usar la pestaña Red en las Herramientas para desarrolladores.

  1. Ctrl + Shift + I para abrir las Herramientas del desarrollador (o use la barra de menú en la parte superior: “Ver -> Desarrollador -> Herramientas del desarrollador”)
  2. Vaya a la pestaña “Red”
  3. Actualiza tu página actual
  4. Desplácese hacia abajo hasta la llamada Ajax a la izquierda y haga clic
  5. El menú principal mostrará varias pestañas (generalmente por defecto a Vista previa). Haga clic en “Encabezados” y debería ver la información del encabezado de Solicitud y Respuesta.