Buscar en este blog

Chris Gerdes: The future race car -- 150mph, and no driver

Se ha producido un error en este gadget.

lunes, 8 de marzo de 2010

Aplicacion WEB Java con jQuery y Ajax

Ejemplo de como usar jQuery en una aplicacion web utilizando la tecnologia Java.

Para el cliente se usa jQuery 1.4 y html. Para el lado del Servidor, que generalmente es PHP, se usa Java Servlets (en otro ejemplo se utilizara, ademas del servlet, Enterprise Java Beans para conexiones a BD).   

Primero hay que crear una aplicacion web desde netbeans, la estructura queda asi:


La carpeta resources y js se crean manualmente. En la carpeta JS esta el archivo fuente de jQuery y el archivo jquery.code.js en el cual estara todo el codigo fuente javascript.



Al ejecutar el proyecto, inicia por el archivo index.html:


 
 Simplemente tiene un formulario con un select y un div vacio.


El archivo jquery.code.js se esta incluyendo en la seccion Head del Html:




Al cargarse toda la pagina HTML, se asigna un controlador para el evento click en el boton del formulario.


Cuando se haga clic, se guarda en la variable Listado la opcion seleccionada del Select y se llama a la funcion MostrarListado


Esta funcion hace una llamada usando AJAX al servlet clientesServlet y le envia como parametro la variable Listado. 


El servlet Simplemente retorna un codigo html. Cuando el servidor termine de procesar la solicitud, se agrega en el div vacio del html el contenido de la respuesta:







Requiere Netbeans y un servidor de aplicaciones ( en este ejemplo se uso GlassFish, que Normalmente se instala con el de Netbeans ) que tiene el contenedor de Servlets y EJBs para la ejecución de la aplicacion WEB Java.

El proyecto puede ser descargado aqui

1 comentario:

Anónimo dijo...

Muchas gracias.