¿Qué es una aplicación AJAX y cómo probarla?

Si tuviera que describir AJAX de la manera más simple posible, es básicamente una forma de hacer que las páginas web se sientan más como aplicaciones al permitirle obtener datos de un servidor (o publicar datos en él), y luego, en función de esos datos en particular, actualice una parte de su página, sin tener que volver a cargar toda la página. El método estandarizado para hacerlo es con Javascript a través del objeto XMLHTTPRequest. Todo esto ocurre de forma asíncrona, lo que significa que puede realizar solicitudes mientras se están ejecutando otros scripts o procesos del navegador en la página. Esto es importante porque Javascript generalmente detiene todo lo demás en su página hasta que completa su proceso. Esto está bien si el proceso va a ser muy rápido. Sin embargo, cuando se está comunicando con un servidor, no se sabe qué tan rápida será la respuesta. A veces, la respuesta es inmediata, pero a veces, puede demorar unos segundos o más. Esto podría causar algunos problemas serios con su página / aplicación porque toda la página tendría que detenerse y esperar a que se complete la comunicación. Por eso es tan importante hacerlo “asincrónicamente”. De ahí la importancia del método AJAX. Básicamente, le permite enviar una solicitud a través de Javascript y definir una devolución de llamada que manejará la respuesta una vez completada. La devolución de llamada espera en segundo plano a que se complete la comunicación y luego hace lo que sea necesario. Todo esto sucede mientras el resto de la página y el usuario continúan haciendo lo que están haciendo.

Una aplicación muy simple de este método, que hoy se da por sentado, es cuando hace clic en un “botón Me gusta” en una página web. En las aplicaciones más antiguas que no usan AJAX, por lo general, cuando hace clic en un botón de me gusta, toda la página debería volver a cargarse para que el recuento de me gusta refleje con precisión la cantidad actualizada de me gusta guardada en el servidor. Ahora, cuando hace clic en un botón Me gusta, solo se actualiza esa pequeña parte de la página. Esto generalmente se debe a que se envió una solicitud AJAX al servidor del sitio, y una vez que la cantidad actualizada de Me gusta fue devuelta al cliente (el navegador), Javascript actualiza solo esa parte de la página, mientras deja el resto de la página como está. es.

Hay varias maneras de probar las llamadas AJAX, pero el método más básico y directo es simplemente hacer una llamada a console.log en algún lugar de la devolución de llamada o hacer que el script arroje un error al cliente (navegador) si algo falla incorrecto. Fuera de eso, hay otras técnicas y herramientas que están diseñadas para ayudarlo a probar sus llamadas AJAX, especialmente cuando tiene algo más complicado.

Probablemente el desarrollo más significativo que resultó de AJAX fue el surgimiento de la “Aplicación de una sola página” o “SPA”, que permite imitar el comportamiento de una aplicación nativa haciendo que todo tenga lugar en una sola página sin tener que volver a cargar la página. sí mismo. Esto requiere una TONELADA de Javascript, ya que el DOM está siendo manipulado y cambiado constantemente. Si bien técnicamente podría tener una aplicación de una sola página que no ejecuta llamadas AJAX, muchos SPA sí utilizan muchas llamadas AJAX. Tengo mis propias opiniones personales sobre el uso excesivo de AJAX y Javascript en una página, pero esto es parte de un debate continuo y complejo en la comunidad de desarrollo web, y no quiero cuestionar esta respuesta a su pregunta entrando en aquí.

Espero que esto ayude a responder tu pregunta.

Ajax es un código que vive en su página web que permite que su sitio web acceda y muestre datos. No hay una “mejor manera” de probarlo simplemente porque hay muchas formas diferentes de probarlo. Puede probar que los conjuntos de datos son correctos, la velocidad con la que los datos se devuelven a su página web, la seguridad de los datos (no está obteniendo datos que sus propias reglas no le permiten) o los datos que se recargan mientras trabajas con él y haces cambios. Normalmente hay pruebas de front-end y pruebas de back-end. Normalmente, el back-end se centra en la precisión y la seguridad, y el front-end se centra en la velocidad y la visualización correcta. Ambos están entrelazados y podrían ser síntomas de problemas idénticos en el otro. Esa es LITERALMENTE la explicación más simple a su pregunta.