Curso Ajax [Parte 1]: Que es ajax
Según wikipedia AJAX (Asynchronous JavaScript And XML) és una técnica de desarrollo web para crear aplicaciones interactivas mediante la combinación de tres tecnologías ya existentes que conoceremos en este manual.
O para que lo entiendan mejor, es una manera de crear una aplicación que responde a las acciones del usuario sin refrescar la página contra el servidor.
Tabla de contenido
Tecnologías
Funcionamiento
Problemas
Ejemplos
Tecnologías
Para conseguir este efecto, se utilizan la mayoría de las tecnologías disponibles para páginas web, HTML, CSS, XML, JavaScript y algún lenguaje de servidor cómo puede ser PHP o ASP, veamos que función tiene cada lenguaje en la aplicación:
JavaScript - Para manejar el objeto XMLHttpRequest y DOM tratar para los datos recibidos.
HTML - Distribuye en la ventana del navegador los elementos de la aplicación y la información recibida por el servidor
CSS - Define el aspecto de cada elemento y dato de la aplicación
XML - Es el formato de los datos transmitidos del servidor al cliente (navegador) y que posteriormente serán mostrados.
Lenguaje de servidor - Genera la información útil en XML y la envía al navegador.
Funcionamiento
El usuario accede a la aplicación que es enviada por el servidor en formato HTML, JavaScript y CSS. Luego el código JavaScript de la aplicación pide al servidor los datos que quiere mostrar y este, ejecuta un código de lado de servidor que envía al navegador los datos en formato XML.
Cada vez que el usuario realiza una acción que significa mostrar unos datos, la capa javascript, repite la acción anterior de manera invisible al usuario y muestra los datos deseados.
Problemas
El principal problema de la gran mayoría de aplicaciones AJAX (lo digo por experiencia como usuario de mozilla) es la baja compatibilidad entre navegadores, puesto que la capa JavaScript, es de una gran complejidad y a menudo por falta de experiencia en el lenguaje, o por falta de tiempo, se opta por programar solo para Internet Explorer.
En futuras entregas, veremos cómo programar una aplicación AJAX compatible para todos los navegadores incluidos navegadores sin javascript.
Ejemplos
Un excelente ejemplo de aplicación AJAX, bastante compatible entre navegadores es Google Maps, en ella podrás ver cómo cambiamos la posición del mapa sin recargar la página..
Click aquí para ingresar a Google Maps
Bueno amigos.. eso fue todo en mi primer post. Como ya ven no es un post muy largo. Es la introducción a los que se le llama "Ajax". Es una explicación sencilla, clara y completa. Para que ustedes lo puedan comprender mejor. Mas adelante Publicaré la Segunda parte. Si quieres puedes seguirme para no perderte lo próximo.
Gracias por pasar.
