Curso Ajax [1era parte]: Que es ajax


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, HTMLCSSXMLJavaScript y algún lenguaje de servidor cómo puede serPHP 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.. 

 

Cita: Mostrar

 

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.
 
Curso Ajax [1era parte]: Que es ajax
0 Puntos Score: 0/10
Visitas: 939 Favoritos: 9
4 Comentarios Curso Ajax [1era parte]: Que es ajax
Me interesa mucho aprender sobre AJAX, te sigo!!!! Y si tuviera puntos te dejaria todos!!!!!
Cita facho92: Mostrar
no importa capo!!! gracias x pasar!!  
Ya lo sabia de igual manera gracias, tambien se pueden hacer cosas increibles con jquery ahi un mundo dentro del jquery.

Un ejemplo de funciones ajax es identi Los ultimos post, el perfil, notificaciones, comentarios, segui usuario, recomendar post, favoritos, buscador, etc... basicamente la mayor parte de las funciones de identi son en ajax lo que hace que identi sea mucho mas liviano y rapido sin necesidad de cargar tantas querys ya que estas son llamadas en distintas acciones en el momento preciso sin tener que estar siempre presente consumiendo recursos. Solo presentes cuando el usuario lo necesita o su acci?


Ja ja no sabia de esto yo pense que era el jab?
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!