Crea tu propia aplicación AJAX

ByLuis

Completo e interesante tutorial de cómo crear tu propia aplicación web que incluya AJAX. Aun siendo un extracto del libro que ha escrito el autor de este artículo (¿de verdad es necesario comprarse un libro pudiendo encontrarlo casi todo en internet?), lo que nos explica nos puede ayudar bastante a centrarnos a la hora de crear nuestra aplicación AJAX.
Empieza con una explicación de lo que es AJAX, de lo que existía antes de esta técnica y de lo que vamos a necesitar. Una vez centradas las bases de lo que es AJAX, explica el objeto XMLHttpRequest, parte fundamental de AJAX, creando un objeto que controlará todas las funciones (inicialización, enviar petición, recibir petición, …). Y por último la importacia de la asincronía y de cómo mostrar los resultados.
Build Your Own AJAX Web Applications

Similar Posts

Permitir el botón atrás en aplicaciones dinámicas

ByLuis

Cuando realizamos aplicaciones dinámicas, ya sea usando Ajax o mediante javascript mostrando u ocultando contenidos, nos podemos encontrar con el problema de que el usuario pulse el botón ‘Atrás’ del navegador creyendo que accederá al contenido anterior. El resultado de esa acción será en la mayoría de los casos que el usuario acceda a la página anterior y no al ‘contenido’ anterior.

Para solucionar esto, lo que se debe hacer es que las acciones dinámicas sean realizadas mediante enlaces (#), por ejemplo, si queremos usar pestañas podemos acceder a #tab1, #tab2, …, #tabn. Si vamos atrás en el navegador continuaremos en la misma página pero en otra sección (#).

Para tratar esto mediante jQuery se puede hacer usando el siguiente código:

$(window).bind('hashchange', function () {
  // hacer lo que sea para mostrar el contenido
});

Enabling the Back Button

Vía / CSS Globe

Xaja: framework Reverse Ajax

ByLuis

Xaja es un framework PHP que permite Reverse Ajax, también conocido como Comet. Debido a esta característica, el servidor puede enviar datos directamente al cliente, y no solo el cliente al servidor, como es el modelo normal.

Las características que nos ofrece son las siguientes:

  • Ajax: facilita la inclusión de Ajax en nuestra aplicación.
  • Pencil: para poder actualizar el HTML de forma sencilla, ofrece una herramienta llamada Pencil, se trata de decir a Xaja donde es que se quiere escribir en el HTML.
  • DOM Mapping: para manipular desde PHP el DOM del HTML.
  • Libería de etiquetas: para hacer más sencillo el desarrollo de los programadores.
  • Reverse Ajax: lo explicado anteriormente, que nos permite enviar datos al servidor.
  • Base de datos: una herramienta para acceder de forma sencilla a los datos.

Xaja

Vía / International PHP Magazine

Comet: la siguiente etapa de AJAX

ByLuis

Cuando aún hay gente que no conoce sobre AJAX o que anda en sus primeros pasos sobre esta técnica, aparece un nuevo concepto que añadir a nuestro mundo web: Comet. Comet funciona de forma similar a AJAX, pero utilizando conexiones HTTP de larga duración, lo cual reduce considerablemente el tiempo de latencia. El cliente no sondea el servidor de vez en cuando, se trata de que el servidor abre una línea de comunicación y pasa información al cliente. Es especialmente interesante para aplicaciones colaborativas y multi-usuario, como pueden ser: GTalk en GMail, Jot Live, Renkoo, cgi:irc, Meebo, …

COMET – the next stage of AJAX

Vía / Menéame

|

Weebly: crea tu web de forma rápida con Ajax

ByLuis

weebly.pngWeebly nos ofrece la posibilidad de crear páginas web de forma rápida, sencilla y online. Mediante el uso de Ajax y gracias al drag&drop, podemos crearnos nuestro sitio web en pocos minutos.
Entre las características que ofrece encontramos: uso del drag&drop para la generación de páginas, variedad de temas para elegir, subdominios personalizados, posibilidad de exportar a un fichero zip y numerosos tipos de contenido.
weebly2.png
Para los desarrolladores que esté interesados, quizás les guste saber que además de las opciones anteriores, también ofrece lo siguiente: uso personalizado de Ajax (drag&drop, efectos), subida de ficheros mediante Ajax, integración de un botón que nos permite ir atrás/adelante en el sistema de ventanas y diseño de elementos potente.
Demo:

Weebly
Vía / Ajaxian

| | |

Laboratorio: carga de combos

ByLuis

Ayer nos preguntaban cómo cargar combos según lo que se seleccione en otro combo, y aunque no me quedó muy claro la duda que tenía, pues para intentar ayudarle, voy a explicar cómo hacerlo mediante tres posibilidades.

Primeramente explicaremos cómo hacerlo mediante el uso de iframes ocultos. Sí, no es nada web 2.0, pero no a todo el mundo se le da bien el desarrollo web, o no le gusta el uso de Ajax, o simplemente, como me pasa a mí, no nos dejan usar Ajax en los desarrollos del cliente (¡vete a saber por qué!).

Después lo haremos mediante Ajax (¡viva la web 2.0!), pero instanciando nosotros mismos el objeto XMLHttpRequest, para que los conceptos de Ajax no se pierdan dentro del uso de librerías, es importante conocer la base para luego usar una librería que te lo haga todo más fácil.

Y por último, ya no solo en plan web 2.0, sino en plan lo último de lo último, lo haremos usando la librería Prototype. Que la verdad sea dicha, no se trata de reinventar la rueda.

Read More “Laboratorio: carga de combos”

|

Google Web Toolkit: Ajax con Google

ByLuis

google.pngGoogle acaba de lanzar un framework para realizar aplicaciones AJAX mediante Java de forma sencilla: Google Web Toolkit (GWT). GWT permite olvidarte de las dificultades que se producen cuando quieres dar al usuario el dinamismo de AJAX y el tener que cumplir estándares. Solo tienes que crear tu aplicación en Java y GWT se encargará de traducirla en Javascript y HTML.
Write AJAX applications in the Java language with Google Web Toolkit
Vía / Digg