Añadir un producto al carrito de una tienda online sin que la página entera se recargue de golpe, con solo un pequeño contador actualizándose en la esquina superior, es posible gracias a AJAX (Asynchronous JavaScript and XML): una técnica que permite a una web comunicarse con el servidor y actualizar partes concretas de la página sin necesidad de recargarla por completo.
Antes y después de esta técnica
Sin AJAX, cualquier interacción que necesitara datos nuevos del servidor obligaba a recargar la página entera, incluso si el cambio afectaba solo a una pequeña parte visible de la pantalla. Con AJAX, el navegador puede pedir y recibir esos datos en segundo plano, actualizando únicamente la sección relevante, mientras el resto de la página permanece exactamente igual sin ningún parpadeo ni recarga completa.
Ejemplos habituales de su uso
- Filtros de producto en una tienda online que actualizan los resultados sin recargar toda la página.
- Formularios que validan un campo (por ejemplo, comprobar si un email ya está registrado) sin necesidad de enviar el formulario completo primero.
- Feeds de contenido que cargan más publicaciones al hacer scroll, sin recargar la página desde el principio.
- Chats en directo, que reciben mensajes nuevos sin que la persona tenga que refrescar manualmente la conversación.
Un matiz técnico que afecta al SEO
Contenido que se carga exclusivamente mediante AJAX, sin ninguna alternativa accesible en la carga inicial de la página, puede resultar más complicado de rastrear e indexar correctamente por parte de Google, aunque el buscador ha mejorado bastante su capacidad de ejecutar JavaScript con el paso de los años. Aun así, para contenido crítico que se quiere posicionar bien, suele recomendarse que esté presente también en el HTML inicial, no solo cargado dinámicamente después.
Por qué el nombre ya casi no refleja lo que se usa hoy
El nombre incluye «XML» porque ese era el formato de datos original más habitual al popularizarse la técnica, pero hoy en día prácticamente todas las implementaciones usan JSON en su lugar, un formato más ligero y sencillo de procesar. El término «AJAX» se ha quedado, sin embargo, como la forma habitual de referirse a esta técnica de comunicación asíncrona, más allá del formato de datos concreto que se use por debajo.