Este artículo es la continuación del ejemplo iniciado con Introducción a Java Servlets con NetBeans. El objetivo es modificar el proyecto realizado, para que los datos que se envían al Servlet se hagan por medio del objeto XMLHttpRequest y que mediante DOM accedamos y modifiquemos algunas partes de nuestro documento actual. En resumen, el objetivo es incorporar AJAX a nuestro proyecto. Por lo tanto, también recomiendo leer una Introducción teórica a AJAX, ya que en este artículo me enfocaré exclusivamente en el código.
Sobre el proyecto inicial de Introducción a Java Servlets con NetBeans, realizaremos las siguientes modificaciones:
- Del lado del cliente:
- En el formulario de envío de datos se quitará el botón submit y se agregará un nuevo botón, que en su evento onclick ejecutará una función Javascript.
- Se agregará una función Javascript, que instanciará el objeto XMLHttpRequest, enviará los datos al servidor y procesará la respuesta del Servlet.
- Del lado del servidor:
- Se modificará el código de la respuesta enviada por el Servlet, antes enviaba todo un documento HTML (<HTML><HEAD>…. </HEAD><BODY>…</BODY></HTML>). Ahora solo enviará un fragmento de código HTML, pues el mismo, procesado por el cliente, se insertará en la página HTML existente, pues con el objeto XMLHttpRequest el cliente se evita cargar de nuevo la página (uno de los principales objetivos de AJAX)
Haciendo efectivos los cambios mencionados, el cliente queda así:
[HTML]
[/HTML]
Por el lado del servidor, el método processRequest del Servlet queda así:
[JAVA]
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
try {
out.println("Hola " + request.getParameter("nombre") + "");
} finally {
out.close();
}
}
[/JAVA]
Lo ejecutamos, de la misma forma que antes ejecutabamos nuestro proyecto desde NetBeans y probamos tener el comportamiento deseado:
Radiohead
octubre 9, 2008
Muchas gracias amigo.
Se hecha de menos ejemplos como éstos: sencillos y que funcionen. A los que estamos empezando vienen muy bien.
Saludos.
alexis
enero 23, 2009
codigo para modificar y eliminar porfavor gracias
Jorge
agosto 13, 2010
Estupendo tutorial, podrías por favor explicar esta parte del código:
if ( obj.readyState == 4 && (obj.status == 200 || window.location.href.indexOf (“http”)==- 1)) {
document.getElementById(“Respuesta_Hello”).innerHTML = obj.responseText;
}
Muchas gracias.
jonathan
septiembre 2, 2010
Gracias, un ejemplo corto pero explica bastante, XD
Luis Diego Vargas
noviembre 26, 2010
Gracias
luis bonilla
julio 21, 2011
Gracias gran varon
oscar
abril 15, 2012
muy bien y sencillo
Silvina zabinski
julio 2, 2012
necesito por favor poder importar a un proyecto web un paquete que esta en un proyecto de java, en el netbeans. tengo un proyecto llamado multimedia que tiene un paquete con la conexion a la base de datos y demas .java por cada tabla que necesito. tengo que hacer una aplicacion web con jsp que importe el paquete base de datos para poder recorrer las tablas y mostrar, necesito solo saber como se importa. gracias!