1. Blog
2. Desarrollo web

• 19 marzo, 2021

Qué es AJAX y cómo funciona

Tiempo de lectura: 3 minutos

AJAX… ¿Qué es eso?

En el mundo digital, muchas veces nos encontramos con palabras o términos que no sabemos qué significan exactamente o para qué podemos usarlos.

En este artículo, veremos qué es AJAX y cómo funciona.

Qué es AJAX

Se podría definir como una técnica de desarrollo web que permite que las apps funcionen y que envíen y recuperen datos de un servidor, sin tener que cargar una página web. Permite intercambiar datos con un servidor de manera sencilla, sin recargar una página.

Qué lenguajes de programación y términos debemos conocer para entender AJAX:

• XMLHttpRequest.
• Javascript.
• HTML y CSS
• DOM y Javascript.
• PHP.

Ventajas de AJAX

Su mayor ventaja es la asincronía. Es decir, que si un usuario desea intercambiar datos con un servidor, la página no se quedará «preparando una respuesta» sino que hará todo el proceso más simple. EL servidor envía los datos en la misma página.

Por otro lado, no es necesario recargar y redibujar una web.

No hay demoras incómodas en el proceso. No existen interrupciones.

Menos pasos para trabajar con datos en un sitio web.

Cómo funciona AJAX

Tal como comentamos anteriormente, si un usuario utiliza PHP o algún lenguaje para comunicarse con un servidor, le hará una petición para que el servidor le de una respuesta.

En este proceso que detallamos, con AJAX la página no quedará en espera de una respuesta, sino que responderá en un determinado tiempo. Durante esa espera breve, el usuario puede seguir realizando tareas.

AJAX agiliza los procesos de respuesta. Evita las demoras en cada petición y utiliza la transmisión de datos en segundo plano (prepara un paquete de datos). Esto nos lleva a que la página no se cargue nuevamente.

AJAX utiliza Javascript para poder modificar los contenidos de una página de manera rápida y dinámica.

Manera tradicional de enviar y recibir datos:

1. El usuario envía una solicitud HTTP desde el navegador web al servidor.
2. El servidor la recibe y recupera esos datos.
3. El servidor envía los datos al navegador web.
4. El navegador web recibe los datos y vuelve a cargar la página para que se vean los datos.
5. El usuario debe esperar hasta que se complete todo el proceso. Le llevará tiempo y deberá tener paciencia. No podrá realizar otras tareas.

Enviar y recibir datos con AJAX:

1. El navegador crea una llamada de JavaScript que luego activará XMLHttpRequest.
2. En segundo plano, el navegador le crea una solicitud HTTP al servidor.
3. El servidor recibe, recupera y envía los datos al navegador.
4. El navegador recibe los datos y estos se verán directamente en la página. El usuario no debe recargar la página.

Ejemplos de AJAX

Podríamos usar de ejemplo al gran buscador mundial: Google.

¿Has notado que al realizar una búsqueda se activa la función de autocompletado? Notarás que las palabras se completan pero que la página se mantiene, no se carga nuevamente.

¿Y hoy en día en dónde funciona AJAX?

Por ejemplo, en Salas de chats. Si en una página a la que ingresas ves un chat de atención al cliente, puedes usarlo y seguir navegando tranquilamente.

Valoraciones de productos. ¿Has comprado algo en Internet? Seguramente sí y también seguramente haz valorado ese producto. Al completar un feedback o realizar una votación, la página permanecerá estática.

Twitter, la red social del pajarito, también utiliza AJAX. Las tendencias del momento van cambiando y se van actualizando sin necesidad de recargar la página.

Conclusión

Sin dudas, lo que rescatamos y remarcamos del uso de AJAX es su facilidad para optimizar la experiencia de los usuarios.

La pérdida de tiempo es algo que a los usuarios no les gusta para nada. En fin, ¿a quién le gusta? Ellos te agradecerán que uses AJAX.

¿Necesitas un sitio web para vender o mostrar lo que haces al mundo?

¿Te ha gustado este artculo?
Recíbe los nuevos en el newsletter mensual de Neolo o Telegram de Neolo