moo.ajax: clase javascript para usar AJAX

ByLuis

Para aquellos que conozcan moo.fx, les gustará saber, que sus autores han sacado una clase javascript para usar AJAX, funciona con prototipe.lite, la cual es proporcionada por moo.fx y su utilización es sencilla:

new ajax(url, opciones);

Las opciones vienen encerradas entre llaves y pueden ser:

  • method: método de llamada AJAX (GET o POST)
  • postBody: párametros si eliges el método POST
  • onComplete: la función que se ejecuta cuando acabe la petición
  • update: el elemento DOM o el ID del elemento que va a ser modificado para mostrar el resultado

Para aquellos que les guste moo.fx, existe también un generador mediante PHP: MooFx Generator

Vía / aNieto2K

Similar Posts

|

Laboratorio: descargas múltiples consecutivas mediante AJAX

ByLuis

Quizás el título parece un tanto extraño, pero quizás no es fácil resumirlo. Se trata de seleccionar varios archivos para bajar y que en vez de bajarlos todos a la vez, se vayan descargando de forma consecutiva, uno detrás de otro.

Para ello vamos a usar AJAX, para ir comprobando qué archivo es el que se está bajando. También usaremos un fichero que contendrá que archivos están en proceso de descargarse, siendo la primera fila del fichero el archivo actual. Cuando finalicen las descargas, se realizará una llamada para borrar el fichero auxiliar.

Cuando se termina de enviar un fichero, mediante el método que ya explicamos, se borrará del fichero auxiliar la primera fila (fichero acabado de enviar), por lo que el proceso AJAX encontrará que el fichero actual y el primero del fichero auxiliar son distintos, por lo que solicitará bajar el nuevo archivo.

Cuando un fichero se descarga, se deselecciona de la lista y se resalta para hacer ver al usuario el cambio de estado.

Read More “Laboratorio: descargas múltiples consecutivas mediante AJAX”

Firebug y el rendimiento Ajax

ByLuis

Ajax es una de las técnicas que más se están extendiendo por Internet. Su desarrollo es sencillo, pero su abuso es importante. Hay que tener en cuidado al desarrollar usando Ajax ya que podemos tener problemas de rendimiento.
En IBM nos ofrecen un artículo interesante sobre el rendimiento de estas aplicaciones y como medirlo y mejorarlo mediante Firebug e YSlow.
El tiempo de una llamada Ajax se centra en tres aspectos: tiempo de respuesta del servidor, tiempo de transferencia y tiempo de procesado en el cliente. Es importante bajar estos tiempos ya que así agilizaremos nuestras aplicaciones.
Reduce el número de llamadas HTTP, aunque en el cliente se puedan anular, en el servidor se procesan, por lo que es tiempo de proceso malgastado. También es interesante reducir el tamaño del contenido de la respuesta que devuelve el servidor, cuanto menos haya para mandar, menos se tarda en enviar y menos se tarda en procesar.
Una lectura interesante que nos ayudará paso a paso a mejorar nuestras aplicaciones.
Ajax performance analysis

| |

Laboratorio: borrar filas de una tabla en HTML y en la BD

ByLuis

Ayer contábamos como borrar una fila de una tabla en HTML, y en los comentarios, Escael nos preguntaba cómo se podría hacer para que también se borrara de la base de datos.

Pues siguiendo con el modo en que se hace en la administración de WordPress, primero haremos el difuminado del color actual de la fila al color rojo y mientras se realiza el borrado en la tabla de la base de datos, haremos que parpadee el color de la fila. Cuando se haya realizado el borrado en la tabla de la base de datos, se eleminará la fila de la tabla HTML y se mostrará un mensaje de aviso de que se ha borrado de la BD.

Read More “Laboratorio: borrar filas de una tabla en HTML y en la BD”

Subir ficheros mediante AJAX

ByLuis

Un muy buen método para subir ficheros mediante AJAX al igual que se hace en GMail, bueno, o parecido. Para algunos puristas, el uso de iframes les puede parecer un crimen, pero la verdad es que en GMail usan también frames y nadie dice nada.
El método que usa está bastante bien pensado, se crea un iframe, en el que se captura el evento onload y cuando se acaba de cargar, se llama a una función que indicamos para avisar de la subida del archivo.
AJAX file upload
Vía / dzone

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