AJAX para niños
AJAX es una técnica especial que usan los desarrolladores para crear páginas web. Su nombre viene de las palabras en inglés Asynchronous JavaScript And XML, que significan "JavaScript asíncrono y XML".
Imagina que estás en una página web y quieres ver algo nuevo, como los últimos mensajes en un chat o una actualización de un mapa, sin que toda la página se cargue de nuevo. AJAX permite que solo una parte de la página se actualice en segundo plano, sin que tengas que esperar a que todo se recargue. Esto hace que las páginas sean más rápidas, interactivas y fáciles de usar.
AJAX funciona de forma asíncrona. Esto significa que la página puede pedir información al servidor (el lugar donde se guardan los datos de la web) mientras tú sigues viendo y usando la página. La información llega y se muestra sin interrumpir lo que estás haciendo.
Para que AJAX funcione, se usa principalmente un lenguaje de programación llamado JavaScript. Este lenguaje ayuda a la página a pedir y mostrar los datos. Una herramienta clave es el objeto XMLHttpRequest, que está en la mayoría de los navegadores y se encarga de enviar y recibir la información.
AJAX es muy útil porque funciona en muchos tipos de computadoras, sistemas operativos y navegadores. Esto es posible porque se basa en estándares abiertos, que son reglas que todos los programas pueden seguir.
Contenido
¿Qué tecnologías usa AJAX?
AJAX no es una sola tecnología, sino una combinación de varias que ya existían y que trabajan juntas. Piensa en ello como un equipo de herramientas que se unen para hacer algo genial.
Diseño y estructura de la página
- XHTML o HTML y CSS: Son como los planos y la decoración de una casa. HTML (o XHTML) define la estructura de la página (dónde va el texto, las imágenes, etc.), y CSS le da estilo (colores, tamaños de letra, diseño).
Interactividad y movimiento
- Document Object Model (DOM) y JavaScript: JavaScript es un lenguaje de programación que permite que la página web sea interactiva. El DOM es como un mapa de la página que JavaScript usa para encontrar y cambiar elementos de forma dinámica, es decir, mientras la estás viendo.
Comunicación con el servidor
- XMLHttpRequest: Esta es la herramienta principal que permite a la página web enviar y recibir datos del servidor sin tener que recargar toda la página. Es como un mensajero secreto que trabaja en segundo plano. A veces, en lugar de XMLHttpRequest, se usa un elemento llamado `iframe` para hacer algo similar.
Formato de los datos
- XML (o JSON, HTML, texto plano): XML es una forma común de organizar la información que se envía y recibe entre la página y el servidor. Sin embargo, se pueden usar otros formatos, como JSON, que es muy popular hoy en día.
AJAX es un término que agrupa a estas tecnologías que trabajan en conjunto para mejorar la experiencia en la web.
¿Cómo surgió AJAX?
Aunque el nombre "AJAX" se hizo popular en 2005 gracias a Jesse James Garrett, la idea de actualizar partes de una página sin recargarla por completo es más antigua.
Desde los años 90, empresas como Microsoft ya estaban explorando formas de hacer esto. Por ejemplo, usaban elementos especiales en los navegadores que podían cargar contenido de otras direcciones sin recargar toda la página.
Con el tiempo, los desarrolladores web fueron mejorando estas técnicas. En el año 2000, se crearon bibliotecas de código que facilitaban estas actualizaciones. Más tarde, se empezó a usar el objeto XMLHttpRequest, que se convirtió en la base de lo que hoy conocemos como AJAX.
Hoy en día, XMLHttpRequest está disponible en la mayoría de los navegadores, por lo que las técnicas más antiguas rara vez se usan, a menos que se necesite una compatibilidad muy amplia con navegadores muy viejos.
Desafíos y aspectos a considerar de AJAX
Aunque AJAX es muy útil, también tiene algunos desafíos:
- Historial del navegador: Cuando una página usa AJAX para actualizarse, el botón de "volver" de tu navegador a veces no te lleva a un estado anterior de la página, sino a la página que visitaste antes. Esto puede ser un poco confuso.
- Motores de búsqueda: Antes, los motores de búsqueda (como Google) tenían dificultades para "leer" el contenido que se cargaba con AJAX, lo que significaba que esa información no aparecía en los resultados de búsqueda. Sin embargo, Google ha mejorado mucho y ahora puede indexar (guardar y entender) el contenido de las páginas AJAX.
- Seguridad entre sitios: Por razones de seguridad, una página web que usa AJAX no puede pedir información directamente de cualquier otro sitio web. Solo puede pedirla del mismo lugar de donde viene la página. Esto se llama "Política del Mismo Origen".
- Carga del servidor: Dependiendo de cómo se use, AJAX puede ayudar a que el servidor trabaje menos al dejar que el navegador haga más trabajo, o puede sobrecargarlo si se hacen demasiadas peticiones.
- Compatibilidad: Algunas páginas con AJAX podrían no funcionar bien en teléfonos móviles muy antiguos, o en navegadores especiales diseñados para personas con discapacidades visuales.
La mayoría de los navegadores modernos son compatibles con AJAX, aunque el soporte puede variar ligeramente según las características específicas que use una aplicación AJAX.
- Navegadores como Mozilla Firefox, SeaMonkey y Netscape Navigator (versión 7.1 y posteriores).
- Navegadores como Google Chrome.
- Navegadores como Safari de Apple.
- Microsoft Internet Explorer (versión 5.0 y superiores).
- Navegadores como Konqueror (versión 3.2 y superiores).
- Opera (versión 8.0 y superiores).
- Microsoft Edge (todas sus versiones).
- Opera 7.0 y versiones anteriores.
- Microsoft Internet Explorer para Windows versión 4.0 y anteriores.
- Versiones anteriores a Safari 1.2.
- Navegadores basados en texto como Lynx y Links.
- Navegadores para personas con capacidades visuales especiales (como los que usan Braille).
- Algunos navegadores de teléfonos móviles muy antiguos.
- El navegador de la PSP.
Véase también
En inglés: Ajax (programming) Facts for Kids
