Aprendiendo Ajax

Publicado el 24 Junio, 2005 | Web, Desarrollo, Aplicaciones

He estado mirando cómo está el tema de Ajax porque me ha dado por aprender un poco sobre esta tecnología y hacer algún que otro ejemplo tonto. En parte me ha animado la aparición de hace pocos días de la librería Rico y un post de Claudio Bustos sobre SAjax.

Al final de las dos alternativas me he quedado con SAjax, que viene de Simple Ajax. ¿La razón? Pues que me ha resultado más sencilla de aprender a utilizar. Ninguna de las dos viene con documentación de cómo usarlas, pero sí que traen ejemplos. En concreto los ejemplos de SAjax me parecieron mucho más asequibles (aunque también son mucho más simples que los de Rico).

La idea de SAjax es muy simple, basta con cargar con el include correspondiente la librería de SAjax. A partir de ahí desarrollas la lógica de tus funciones en PHP (o cualquiera de los otros lenguajes que están soportados). Ahora basta con que digas qué funciones van a necesitar utilizar Ajax y él sólo te hacer los wrappers correspondientes. Posteriormente has de programarte dos funciones en JavaScript que internamente llamarán a la wrappeada en PHP.

Dicho así sé que queda muy mal, así que si después de ver los ejemplos de SAjax os sentís tan perdidos como yo intentaré desarrollar un pequeño programita (en verdad ya está desarrollado, pero aún no lo puedo mostrar).

Espero que esto os anime a aprender Ajax, o por lo menos saber lo básico para integrar alguna funcionalidad adicional a vuestros proyectos web :)

20 Comentarios en “Aprendiendo Ajax”

Feed de este post Dirección para el Trackback Envía este post

1 Javier 24 Jun, 2005 a las 8:57 am

a eso se le llama: crear expectación.
2 Pau 24 Jun, 2005 a las 9:10 am

La única pega que le veo a SAJAX es que, en el código de cliente, al estar escrito en funciones, solo puedes hacer una llamada a la vez porque solo se crea un objeto HTTP por llamada. Esto puede llegar a ser una limitación cuando tienes varios elementos que hacen peticiones en una misma página.

Rico no tiene esta limitación, pero es bastante más complicado su Ajax Engine. El código de cliente de Ajax.NET (http://ajax.schwarz-interactive.de) también permite múltiples conexiones y contempla la gestión de tipos de datos.

Ánimo, y recomiendo encarecidamente la lectura de:
http://sourcelabs.com/ajb/archives/2005/05/ajax_mistakes.html
3 xarlie 24 Jun, 2005 a las 10:14 am

La fiebre del Ajax está subiendo como la espuma…
La prueba es que cada vez hay más páginas con librerías, hoy mismo he encontrado una nueva: script.aculo.us.

No creo que ahora te sirva de mucho (es parecida a Rico) pero no está de más conocer otra. :-)
4 con_una_modorra_intelectual_congénita... 24 Jun, 2005 a las 10:27 am

Yo también estoy interesado en AJAX, espero desarrollar algo útil en el futuro.

Yo me estoy fijando mucho en la librería Echo2, por ahora es la más espectacular. Atención a este ejemplo, es impresionante ;)
5 Pedro Del Gallego 24 Jun, 2005 a las 1:53 pm

La verdad es que JS esta muy de moda entre GreaseMonkey y Ajax. ¿Sabes si se podran unir ambos conceptos?

Ayer me aburria en el curro y hice un script para meter imagnes dentro de barrapunto (saltandome el filtro de etiquetas que tienen) y la verdad es que es muy diertido. A ver si tengo otra tarde tranquilita y lo pongo mas usable.
6 Clbustos 24 Jun, 2005 a las 5:02 pm

Te cuidado con el uso de caracteres con Sajax. Tiene el típico problema que, al ocupar escape, distorsiona caracteres como los acentos, la ñ y el símbolo de euro.
Te recomiendo tratar de usar una librería que use URIEncode o tratar de hacer las cosas “a pelo”
7 Fernando 24 Jun, 2005 a las 7:52 pm

Muchas gracias a todos por vuestros comentarios, enlaces a librerías, ánimos y demás. Quizá me lo tome con más calma y me ponga a mirar otra librería o lo haga “a pelo”, como dice Claudio, aunque las librerías están ahí, y yo aún no he tenido ningún problema con de caracteres (aunque lo que he probado sólo está en inglés).

Lo bueno es que aún estoy a tiempo de reformar todo lo que he hecho, así que lo tomaré con calma.
8 Claudex 25 Jun, 2005 a las 8:00 am

Bonito blog tienes… lo tengo que poner en mi feed.
Por ahora, estoy tratando de manejar lo de Ajax a mano, porque como es una tecnología nueva, no he encontrado ninguna librería lo suficientemente estable para confiarme. De aquí a unos meses, lo más probable es que se puedan ver tendencias.
Y sobre los caracteres, si ocupas ISO-8859-1 en Sajax tendrás problemas. Creo que tendré que enviar un reporte de bug, para que arregle la base del problema. De todos modos, es un cambio bastante simple.
9 Pau 26 Jun, 2005 a las 2:35 am

El problema de la codificación de caracteres ISO-8859-1, al menos desde el servidor al cliente, se soluciona enviando la cabecera apropiada en el script de servidor. Para respuestas html, en PHP sería poner como primera línea:
“header(’Content-Type: text/html; charset=ISO-8859-1′);”
En dirección cliente a servidor supongo que habrá que utilizar el método setRequestHeader del objeto HTTP con el mismo valor de content-type.
10 Carlos Segura 4 Feb, 2006 a las 7:59 pm

Hola,,, la libreria Echo2 es free????? lo puedo usar con .Net???? por fa es urgente
11 Daniel 15 Feb, 2006 a las 1:45 am

Muy bueno el link que dejaron mas arriba. Yo por mi parte lo poco que pude aprender (ya que con librerias no pude hacer demasiado) fue mirando algunos ejemplitos que andan sueltos por ahi.
Seria interesante que alguien se encargase de armar un gran repositorio de ejemplos, creo que seria algo muy util para todos.
Por mi parte les dejo mi aporte: el que me ayudo a comprender como viene la mano.
Les dejo un gran saludo, y quedo a la espectativa de mas articulos de esta tecnologia.
12 Daniel 15 Feb, 2006 a las 2:37 am

En el anterior post no me cerro el hipervinculo y siguió hasta el final, pido disculpas por el error. Un saludo.
13 Fernando 15 Feb, 2006 a las 7:39 am

Tranquilo Daniel, ya lo he arreglado yo :)

Muchas gracias por tu comentario, revisaré el enlace que indicas.
14 Reveriano Flores Catalan 30 May, 2006 a las 4:37 pm

Me gustaria que me proporcionaran su codigo
15 Pablo 13 Ago, 2006 a las 12:42 am

Que mierda!
16 Daniel Dominguez 28 Sep, 2006 a las 2:43 pm

Hola a Todos, les escribo desde Venezuela, actualmente estoy desrrollando un sistema de mision critica usando tecnologia web, estoy usando la libreria SACK ya logre crear un reporte usando VSREPORT pronto lo pondre en linea, lo que me ocupa ahora es que quiero validar los campos de un formulario apenas el usuario vaya ingresando data pero quiero seguir usando la libreria sack pero no se no entiendo como hacer eso a lo mejor me estoy enredando y debo solo usar el ajax para mostrar algun tipo de mensaje al usuario.
Bueno gracias de antemano por sus buenos oficios y ojala puedan ayudarme
17 Aleck 12 Ago, 2007 a las 4:31 am

Les sugiero el libro “AJAX for Dummies”, de Steve Holzner.
Está bastante bueno, y sobre todo, fácil de entender…