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

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

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

Script AJAX para crear pestañas

ByLuis

Aunque es más fácil hacer copy/paste de un script o simplemente usarlo, que ver cómo funciona por dentro, os recomiendo que le echéis un ojo a este script para crear pestañas mediante AJAX.
Si os fijáis, se trata de una lista ul que mediante estilos forma las pestañas. En cada uno de los elementos li hay un enlace a cada una de las páginas que queremos mostrar. También habrá un div que contendrá la página que queremos mostrar en su interior.
Lo más interesante para mí es que la idea que se suele tener de que AJAX tiene que apuntar a un script no es cierta, apunta a una url y obtiene el resultado, si es un script, el resultado que este devuelva, y si es una página HTML, el contenido de esta.
La segunda cosa que resaltaría es una forma de programar que me parece muy limpia, escribir el HTML sin Javascripts añadidos que son complicados de seguir (sobre todo eventos: onclick, onmouseover, …) y luego que el script general se encargue de modificar los elementos HTML como corresponda, en este caso coge los enlaces y les añade el evento onclick, el cual depende del contenido del atributo href y el atributo rel.
Ajax Tabs Content script
Vía / Digg

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

|

Escritorio AJAX estilo Netvibes

ByLuis

Interesante y extenso tutorial sobre cómo realizar un escritorio AJAX del estilo Netvibes. El escritorio del ejemplo consta de una barra de accesos directos y de widgets (ventanas que muestran información).
escritorio-ajax.png

El tutorial explica varios temas distintos, que juntos hacen posible el escritorio AJAX:

AJAX Desktop Tutorial

Vía / Pixel Groovy

| |

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”