AJAX en 40 líneas, un ejemplo sencillo para iniciarse en esta tecnología y aprender a utilizarla

Para obtener los códigos clickeá aquí y no olvides revisar a nuestros anunciantes :)

Aclaración

A pedido de muchos usuarios que me han eviado correos (aprovecho para agradecerles sus sugerencias y críticas) he realizado un ejemplo básico de AJAX en no más de 40 líneas de código fuente. Se trata de pedir información al servidor mediante los botones dispuestos y que el servidor responda de manera asincrónica. La respuesta (enviada en formato texto plano, para no complicarnos) es colocada vía JavaScript en el div correspondiente. Esto es un ejemplo básico, sencillo y muy fácil de entender de como funciona el tema de comunicación asincrónica cliente-servidor; también es muy apto para adaptarlo a tus necesidades.

Instrucciones

Cliquear en el botón "Traer IP" o "Traer hora del server" para visualizar la información correspondiente (información enviada desde el servidor) en la capa cuyo contenido original es "Datos cargados asincrónicamente". Si estás utilizando proxy, puede que en lugar de tu IP se retorne un campo vacío.

Datos cargados asincrónicamente

Funcionamiento

Al clickear en cualquiera de los botones, se llamará, mediante el evento onclick, a la función traerDatos() de JavaScript. Esta función se encargará de identificar que botón fue el presionado (mediante un parámetro que se le envía a la función) y abrirá una conexión XMLHttpRequest al archivo del servidor para solicitar la información pertinente. El servidor enviará la respuesta en texto plano (sin ningún tipo de formato) y el cliente, al recibirla, la colocará con la propiedad innerHTML en el div instanciado para este fin.

Para obtener los códigos clickeá aquí.

Comentarios, dudas, sugerencias sobre el ejemplo pueden enviarlas a: edanps@gmail.com. ACLARACION al 12/04/07: Debido a la enorme cantidad de usuarios que están utilizando los códigos en sus sitios sin respetar la licencia correspondiente, por el momento solo daré soporte vía e-mail a aquellos usuarios que yo pueda comprobar que cumplen con los puntos detallados en la misma. CORREOS DE USUARIOS QUE NO SE PUEDA COMPROBAR QUE CUMPLEN CON LA LICENCIA NO SERAN RESPONDIDOS. Gracias por comprender.