DWR hace que AJAX sea tan fácil

<servlet>
 <nombre-servlet>dwr-invoker</nombre-servlet>
 <display-name>Servlet DWR</display-name>
 <descripción>Servlet remoto web directo</descripción>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <parámetro-inicio>
 <param-name>depurar</param-name>
 <valor-param>verdadero</valor-param>
 </init-param>
 </servlet>

 <mapeo-servlet>
 <nombre-servlet>dwr-invoker</nombre-servlet>
 <url-pattern>/dwr/*</url-pattern>
 </servlet-mapping>

<dwr>
 <permitir>
 <convertir convertidor="bean" match="dwr.sample.Apartment"/>
 <create creador="nuevo" javascript="ApartmentDAO" class="dwr.sample.ApartmentDAO">
 <incluir método="buscarApartamentos"/>
 <incluir método="countApartments"/>
 </create>
 </permitir>
 </dwr>

El archivo anterior logra ambos objetivos en nuestro ejemplo. Primero, la etiqueta <convert> le dice a DWR que convierta el tipo de objeto dwr.sample.Apartment en una matriz asociativa porque, por razones de seguridad, DWR no convierte beans ordinarios de forma predeterminada. En segundo lugar, la etiqueta <create> permite a DWR exponer la clase dwr.sample.ApartmentDAO para llamadas de JavaScript. Los archivos JavaScript que utilizamos en la página están definidos por el atributo javascript. Debemos prestar atención a la etiqueta <include>, que especifica qué métodos de la clase dwr.sample.ApartmentDAO están disponibles.

 Una vez configurado el código HTML/JSP , puede iniciar su aplicación web. En este momento, DWR estará listo para llamar a los métodos requeridos desde su página del lado del servidor HTML o Java (JSP). Creas archivos JavaScript. En el archivo search.jsp, debemos agregar la interfaz JavaScript proporcionada por DWR, así como el motor DWR, y agregar las siguientes tres líneas a nuestrocódigo :

<script src='dwr/interface/ApartmentDAO.js'></ guión>
 <script src='dwr/engine.js'></script>
 <script src='dwr/util.js'></script>

Notamos que cuando el usuario cambia el criterio de búsqueda, esta es la primera aplicación de javascript :void(0);">AJAX en el programa de muestra; como él Como ve, el número de apartamentos disponibles se actualiza cuando cambian los criterios. Creé dos funciones de JavaScript: La función ApartmentDAO.countApartments() es la parte más interesante y es el primer parámetro, la función loadTotal(), que especifica el método de JavaScript. DWR llamará cuando reciba una respuesta del servidor. Luego se llamará a loadTotal para mostrar los resultados en el <div> de la página HTML utilizada en escenarios interactivos:

función updateTotal() {.
 $("resultTable").style.display = 'ninguno';
 var dormitorios = document.getElementById("dormitorios").value;
 var baños = document.getElementById("baños").value;
 var precio = document.getElementById("precio").valor;
 ApartmentDAO.countApartments(loadTotal, dormitorios, baños, precio);
 }

 función cargarTotal(datos) {
 document.getElementById("totalRecords").innerHTML = datos;
 }

Obviamente, el usuario quiere ver listados de apartamentos que coincidan con sus criterios de búsqueda. Luego, cuando el usuario está satisfecho con sus criterios de búsqueda y los totales son válidos, presiona el botón que muestra los resultados, que llama al método JavaScript updateResults():
 función actualizarResultados() {

 DWRUtil.removeAllRows("cuerpo del apartamento");
 var dormitorios = document.getElementById("dormitorios").value;
 var baños = document.getElementById("baños").value;
 var precio = document.getElementById("precio").valor;
 ApartmentDAO.findApartments(fillTable, dormitorios, baños, precio);
 $("resultTable").style.display = '';
 }

 función llenarTabla(apartamento) {
 DWRUtil.addRows("apartmentsbody", apartamento, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 El método updateResults() borra el campo de la tabla que almacena los resultados devueltos por la búsqueda, obtiene los parámetros requeridos de la interfaz de usuario y pasa estos parámetros al objeto ApartmentDAO creado por DWR. Luego se ejecutará la consulta de la base de datos y se llamará a fillTable(), que analiza el objeto devuelto por DWR (apartamentos) y lo muestra en la página (apartamentos).

 Factores de seguridad <BR>Para que el ejemplo sea breve, la clase ApartmentDAO se mantiene lo más simple posible, pero dicha clase generalmente tiene un conjunto de métodos establecidos para manipular datos, como insertar(), actualizar() y eliminar(). DWR expone todos los métodos públicos para que sean llamados por todas las páginas HTML. Por razones de seguridad, no es aconsejable exponer su capa de acceso a datos de esta manera. Los desarrolladores pueden crear una fachada que centralice la comunicación entre todas las funciones de JavaScript y los componentes comerciales subyacentes, limitando así la exposición excesiva de la funcionalidad.

 Conclusión <BR>Este artículo es solo un comienzo para que utilice javascript :void(0);">AJAX con tecnología DWR en sus proyectos. DWR le permite concentrarse en cómo mejorar el modelo de interacción de su aplicación, eliminando el carga de escribir y depurar código JavaScript El desafío más interesante con javascript :void(0);">AJAX es definir dónde y cómo mejorar la usabilidad. DWR es responsable de operar la comunicación entre la página web y sus objetos Java, lo que le ayuda a centrarse por completo en cómo hacer que la interfaz de usuario de su aplicación sea más amigable.
 Me gustaría agradecer a Mircea Oancea y Marcos Pereira, quienes leyeron este artículo y brindaron comentarios muy valiosos.

 Recursos ·javaworld.com:javaworld.com
 ·Comunidad de desarrolladores Matrix-Java: http://www.matrix.org.cn/
 ·onjava.com:onjava.com
 ·Descargue todo el código fuente del programa de muestra: http://www.javaworld.com/javaworld/jw-06-2005/dwr/jw-0620-dwr.war
 ·DWR: http://www.getahead.ltd.uk/dwr/index.html
 ·HSQL: http://hsqldb.sourceforge.net/
 ·javascript :void(0);">Definición de AJAX: http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · "javascript :void(0);">AJAX: Un nuevo camino hacia las aplicaciones web": Jesse James Garrett (Adaptive Path, 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385.php
 · “Una interfaz web muy dinámica” Drew McLellan (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest y javascript :void(0);">Ejemplo de trabajo de AJAX: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · “Prácticas utilizables XMLHttpRequest” Thomas Baekdal (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 ·"Pautas de uso de XMLHttpRequest" Thomas Baekdal (Baekdal.com, 2005.2): http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/