Web Tools: AJAX

¿AJAX?

"Asynchronous JavaScript And XML" más conocido como AJAX es una técnica de desarrollo web para la creación de aplicaciones interactivas o RIA (Rich Internet Applications).

Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, mejorando la interactividad, velocidad y usabilidad en las aplicaciones.

Cuando se combinan estas tecnologías en el modelo Ajax, las aplicaciones funcionan mucho más rápido, ya que las interfaces de usuario se pueden actualizar por partes sin tener que actualizar toda la página completa. Por ejemplo, al rellenar un formulario de una página web, con Ajax se puede actualizar la parte en la que se elige el país de residencia sin tener que actualizar todo el formulario o toda la página web completa.

Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes.

Las tecnologías que forman AJAX son:

· XHTML y CSS, para crear una presentación basada en estándares.

· DOM, para la interacción y manipulación dinámica de la presentación.

· XML, XSLT y JSON, para el intercambio y la manipulación de información.

· XMLHttpRequest, para el intercambio asíncrono de información.

· JavaScript, para unir todas las demás tecnologías.

Librerías de AJAX

· AjaxAC es un marco de trabajo escrito en PHP y que utiliza AJAX para la relación con el servidor. Este framework es liberado bajo la licencia de Apache v2.0. (fuente)

· JSAN – JavaScript Archive Network es una colección de recursos para JavaScript de código abierto.

· Ajax.NET Professional es uno de las primeras librerías AJAX disponibles para Microsoft ASP.NET y trabaja con .NET 1.1 y 2.0. Puedes encontrar una guía rápida de cómo dar tus primeros pasos en Ajax.NET,

· AjaxRequest Library es producto de AjaxToolbox.com, que simplifica y extiende las capacidades del objeto XMLHttpRequest (el corazón de AJAX) y te permite desarrollar tus proyectos, sin tener que preocuparte por los procesos a bajo nivel.

· ATLAS es un paquete de nuevas tecnologías de desarrollo web que integra un extenso conjunto de librerias "client script" con la rica plataforma de desarrollo del lado del servidor ASP .NET lo que nos va a permitir poder crear aplicaciones que tengan la posibilidad de realizar actualizaciones sobre una página web en el cliente haciendo llamadas directas al servidor Web sin la necesidad de hacer un "Refresco de Página", lo que nos permite poder aprovechar todo el potencial del lado del Servidor haciendo mucho trabajo en el Cliente permitiendo una mejor interacción de nuestros usuarios con los sistemas que desarrollemos.

· Bajax es una pequeña y simple librería JavaScript para usar AJAX en nuestra páginas web. Es independiente del lenguaje de programación. Podemos mostrar contenido dinámico usando comandos simples.

· MochiKit es una biblioteca de clases de propósito general escrita en JavaScript que suministra características de otros lenguajes de programación como Python u Objective-C.

· Code Snippets es un repositorio público de códigos fuente. Permite facilmente crear tu colección personal de códigos/script, categorizarlas con tags y compartirlas con todo el mundo.

Ejemplos código AJAX

Validando un usuario con AJAX

<form name="form1" method="post" action="">

<label for="usuario">Usuario:</label>

<input type="text" id="usuario">

<input type="submit" name="Submit" value="Enviar">

<input type="reset" name="Submit2" value="Borrar">

</form>

Repaginar datos con AJAX

<%
String[] provincias = {"Álava","Albacete","Alicante","Almería",...,"Zamora","Zaragoza"};
int pagina = Integer.valueOf(request.getParameter("pagina"));
pagina=(pagina-1)*10;
out.println("<ul>");
for (int x=0;x<10;x++)
out.println("<li>" + provincias[pagina+x] + "</li>");
out.println("</ul>");
%>

Efecto Ajax

Create a Slick Tabbed Content Area using CSS & jQuery– How to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally doing the same thing using the jQuery library.