Ultimamente he estado “jugando” mucho con xmlHttpRequest, sencillamente me parece irresistible poder modificar el contenido, interactuar con mis bases de datos, y sobre todo facilitarle la vida al usuario sin tener que recargar la página con cada click.

Acabo de terminar un ejercicio que voy a utilizar en un intranet que estoy desarrollando ahora mismo, y me pareció tan útil que quise compartirlo con ustedes.

Precedentes... ODIO pasar al usuario de una página con datos a otra con un formulario y de regreso cada vez que quiere editar algún dato. Así que pensé en la posibilidad de desplegar los datos y convertir esa misma página en un formulario… pero la idea era casi igual a la vieja forma de hacerlo.

De repente se me ocurrió que usando xmlHttpRequest podría ayudarme a conseguir un sueño para todo desarrollador de aplicaciones web… Usar el mismo lugar donde está un texto para editar el contenido de ESE campo.

La solución: Tienes un texto, que ha sido extraido de una base de datos, y lo muestras normal. Cuando el usuario quiere editarlo, da doble click sobre el texto, y como por arte de magia se convierte en un INPUT editable… al dar [Enter], el nuevo dato es enviado al servidor para que se almacene en la base de datos, y el campo se convierte de nuevo en un texto normal, con el NUEVO contenido de ese campo en la base de datos.

Ver un ejemplo de la aplicación funcionando (necesitas un navegador que soporte xmlHttpRequest, digamos IE5.5+, Firefox, Mozilla, Safari…)

Como ven? Las aplicaciones web se hacen cada día más simples, no?

Saludos, y espero sus comentarios.