Unidad 24. AJAX y Spry Framework (I)

24.1. Introducción

Hasta ahora hemos visto dos tipos de lenguaje de programación en nuestra web:

  • Por un lado JavaScript (comportamientos). Se ejecuta en el lado del cliente, es decir, en el propio navegador de quien visita la web, sin tener que recargar la página. Esto dota de dinamismo a la página, ya que empleando conocimientos más avanzados, podemos crear HTML, cambiar CSS... pero requiere que todo esto haya sido enviado al cliente al cargar la página.
  • Por otro lado, hemos visto PHP. Se envía una petición al servidor, el cual genera la página, muchas veces conectándose a la base de datos. Cuando la página está creada en el servidor, se devuelve al usuario, quien la ve en el navegador. Si el usuario quiere cambiar el contenido, por ejemplo al paginar en un listado, ha de volver a enviar la página, que se tiene que volver a generar y ser devuelta al usuario.

Combinando los scripts ejecutados en el cliente y en el servidor obtenemos AJAX. Lo que conseguimos con esto es una comunicación asíncrona, pidiendo al servidor sólo los datos que el usuario necesita, sin recargar la página.

Por ejemplo, imaginemos el típico carrito de compra. Cuando el usuario añade un artículo, debemos "apuntarlo" en su lista de artículos del servidor. Sin AJAX habría que enviar toda la página, volver a crearla y traerla de vuelta. En cambio, con AJAX, sólo enviamos el ID del artículo. El servidor lo procesa, y envía el resultado a AJAX, que al recibirlo actualiza únicamente la vista del carrito del usuario, sin recargar toda la página. Esto hace que el usuario perciba la página como una aplicación interactiva más que como una web.

 

Para incluir comportamientos y características de AJAX en nuestras páginas deberemos tener conocimientos de JavaScript, XML y DOM (Document Object Model). Con Spry, utilizar AJAX se hace mucho más simple y asequible.

Como hemos visto en la unidad anterior es posible incorporar información almacenada en archivos con formato XML y manejarla dinámicamente sin la necesidad de refrescar la página a cada petición.

Ahora veremos un modo avanzado de utilizar estas funcionalidades desde una perspectiva menos cómoda pero mucho más potente, pues seremos capaces de manejar el contenido dinámico de una forma total y siempre utilizando la librería Spry que nos proporciona Adobe.

 

Spry es una tecnología desarrollada y propietaria de Adobe, y es la que emplea Dreamweaver. Existen otras opciones, como jQuery, muy empleada en la web.


Pág. 24.1

Atrás  Inicio  Adelante