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

Spry: el framework AJAX de Adobe

ByLuis

adobe-labs.pngAdobe ha sacado a la luz un framework para crear aplicaciones AJAX, el cual proporciona funcionalidades que permite a los diseñadores crear páginas que provean una mejor experiencia a sus usuarios.

La posibilidad mas destacable que ofrece es la de incorporar datos de un XML en nuestras páginas sin necesidad de refrescar la página, usando un poco de Javascript, CSS y HTML. El objetivo es que no sea necesario un gran conocimiento de diseño web para poder usarlo.

Demos

  • Photo Gallery: una galería de fotografías basado en XML.
  • Product Table: una tabla interactiva que muestra datos basados en XML.
  • RSS Reader: un lector de RSS que muestra como multiplos XML pueden crear una buena interfaz.

Spry framework for Ajax

Vía / Brajeshwar

|

Ajax paso a paso: el ahorcado

ByLuis

Seguimos con nuestro especial sobre AJAX. Esta vez vamos a intentar dar un ejemplo de interactividad con el usuario y nada mejor para ello que un juego: el ahorcado.
ahoracado.png

La verdad es que los juegos de este tipo ya no se estilan, pero es un ejemplo sencillo que podemos usar para otros casos, por ejemplo formularios, encuestas, … Se trata de que el usuario interactúa sin preocuparse y la aplicación reacciona según lo que haga el usuario.

Read More “Ajax paso a paso: el ahorcado”

| |

AJAX paso a paso: Información de imágenes

ByLuis

AJAX tiene muchas utilidades, y aunque a veces se abusa de ello, siempre nos puede dar agilidad a la hora de cargar la página, vamos a mostrar un caso de cómo cargar datos nuevos en la página una vez se haya finalizado la carga de la página en sí. Para ello, un ejemplo que nos viene perfecto es una galería de imágenes y cargar los datos de cada imágen de forma asíncrona, que puede ser costoso si se carga la página con los datos de las imágenes y que el usuario tenga que esperar a esta información, cuando es posible que no le interese. A parte, explicaremos otro tipo de método de recibir datos, esta vez mediante el método POST y un XML.
ajax-imagenes.png

Read More “AJAX paso a paso: Información de imágenes”

|

Futura estandarización de XMLHttpRequest

ByLuis

w3c.pngEl nuevo equipo Web API Working Group de la W3C se ha puesto a trabajar en el desarrollo de una especificación oficial para XMLHttpRequest.
Aunque la mayoría de los navegadores más populares admiten el objeto XMLHttpRequest, existen diferencias de uso, lo que dificulta una implementación que funcione en varios navegadores.
El documento que está realizando la gente de W3C pretende recoger las implementaciones que se encuentran en la mayoría de los navegadores e incluirlos en el estándar para así facilitar el desarrollo multi-navegador.
No recogerán implementaciones que solo lo ofrezca un navegador, pero si estará pensado para que surjan nuevas actualizaciones.
Vía / SitePoint

Recursos AJAX para principiantes

ByLuis

Una lista interesante para los que quieren empezar a aprender y a crear aplicaciones con AJAX, lástima que sean todas en inglés:

Y otro recurso que no está en la lista que a nosotros nos ha sido muy pedagógico: AJAX Tutorial, decenas de tutoriales. Unos sencillos con instrucciones paso por paso y otros más complejos.

AJAX Resources for Beginners

Vía / Digg

Aplicaciones seguras con AJAX

ByLuis

Está claro que AJAX está de moda y que todo el mundo intenta hacer las aplicaciones usando esta técnica. El problema nos puede venir al no hacer una aplicación suficientemente segura. Aunque pensemos que caemos en todo lo necesario para que no le echen mano a nuestra aplicación, siempre nos podemos encontrar con desagradables sorpresas. Por eso nunca viene mal leer algunos consejos sobre la seguridad dentro de AJAX. Una lectura muy interesante.
AJAX: Is your application secure enough?
Vía / Digg

Llamadas remotas con AJAX

ByLuis

Una de las limitaciones más importantes que tiene el trabajar con procedimientos AJAX es la imposibilidad de realizar llamadas a dominios externos, es decir, solo podemos acceder a la información alojada en el mismo dominio donde se ejecuta el script.
Realmente no es una limitación de la función XMLHttpRequest, el problema está en que la mayoría de los navegadores actuales limitan este tipo de procesos por considerarlos un problema de seguridad, también conocido como remote scripting.
Como solución al problema, podemos aplicar tres técnicas,
1. Utilizar un script como proxy
2. Utilizar Apache como proxy
3. Utilizar un script que realize una llamada a un proxy
Cada una de estas soluciones tiene sus pros y sus contras, aunque personalmente creo que la primera opción es la que más posibilidades ofrece, ya que podemos utilizar cualquier lenguaje para programar una aplicación que realize la llamada remota bajo demanda.
[On-Demand Javascript – Ajax Patterns][1]
Vía / [XML.com][2]
[1]: http://ajaxpatterns.org/On-Demand_Javascript
[2]: http://www.xml.com/pub/a/2005/11/09/fixing-ajax-xmlhttprequest-considered-harmful.html