DWR macht AJAX so einfach

<Servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <display-name>DWR-Servlet</display-name>
 <description>Direct Web Remoter Servlet</description>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <init-param>
 <param-name>debug</param-name>
 <param-value>true</param-value>
 </init-param>
 </servlet>

 <Servlet-Mapping>
 <servlet-name>dwr-invoker</servlet-name>
 <url-pattern>/dwr/*</url-pattern>
 </servlet-mapping>

<dwr>
 <erlauben>
 <convert converter="bean" match="dwr.sample.Apartment"/>
 <create Creator="new" javascript="ApartmentDAO" class="dwr.sample.ApartmentDAO">
 <include method="findApartments"/>
 <include method="countApartments"/>
 </create>
 </allow>
 </dwr>

Die obige Datei erreicht in unserem Beispiel beide Ziele. Erstens weist das <convert>-Tag DWR an, den Typ des dwr.sample.Apartment-Objekts in ein assoziatives Array zu konvertieren, da DWR aus Sicherheitsgründen standardmäßig keine gewöhnlichen Beans konvertiert. Zweitens ermöglicht das <create>-Tag DWR, die Klasse dwr.sample.ApartmentDAO für JavaScript-Aufrufe verfügbar zu machen. Die auf der Seite verwendeten JavaScript-Dateien werden durch das Javascript-Attribut definiert. Wir müssen auf das Tag <include> achten, das angibt, welche Methoden der Klasse dwr.sample.ApartmentDAO verfügbar sind.

 Nachdem der HTML/JSP-Code <BR>konfiguriert ist, können Sie Ihre Webanwendung starten. Zu diesem Zeitpunkt ist DWR bereit, die erforderlichen Methoden von Ihrer HTML- oder Java-Serverseite (JSP) aufzurufen Sie erstellen JavaScript-Dateien. In der Datei search.jsp müssen wir die von DWR bereitgestellte JavaScript-Schnittstelle sowie die DWR-Engine hinzufügen und die folgenden drei Zeilen zu unseremCode hinzufügen:

<script src='dwr/interface/ApartmentDAO.js'></ Skript>
 <script src='dwr/engine.js'></script>
 <script src='dwr/util.js'></script>

Wir haben festgestellt, dass, wenn der Benutzer die Suchkriterien ändert, dies die erste Anwendung von Javascript :void(0);">AJAX im Beispielprogramm ist; wie er sieht, wird die Anzahl der verfügbaren Wohnungen aktualisiert, wenn sich die Kriterien ändern: Die Funktion ApartmentDAO.countApartments() ist der erste Parameter, die Funktion loadTotal(), die die JavaScript-Methode angibt Beim Empfang einer Antwort vom Server wird DWR aufgerufen, um die Ergebnisse im <div> der HTML-Seite anzuzeigen:

function updateTotal() {
 $("resultTable").style.display = 'none';
 var Schlafzimmer = document.getElementById("Schlafzimmer").value;
 var Badezimmer = document.getElementById("Badezimmer").value;
 var preis = document.getElementById("price").value;
 ApartmentDAO.countApartments(loadTotal, Schlafzimmer, Badezimmer, Preis);
 }

 Funktion loadTotal(data) {
 document.getElementById("totalRecords").innerHTML = data;
 }

Offensichtlich möchte der Benutzer Wohnungsangebote sehen, die seinen Suchkriterien entsprechen. Wenn der Benutzer dann mit seinen Suchkriterien zufrieden ist und die Summen gültig sind, klickt er auf die Schaltfläche, die die Ergebnisse anzeigt, wodurch die JavaScript-Methode updateResults() aufgerufen wird:
 Funktion updateResults() {

 DWRUtil.removeAllRows("apartmentsbody");
 var Schlafzimmer = document.getElementById("Schlafzimmer").value;
 var Badezimmer = document.getElementById("Badezimmer").value;
 var preis = document.getElementById("price").value;
 ApartmentDAO.findApartments(fillTable, Schlafzimmer, Badezimmer, Preis);
 $("resultTable").style.display = '';
 }

 Funktion fillTable(apartment) {
 DWRUtil.addRows("apartmentsbody", apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 Die updateResults()-Methode löscht das Tabellenfeld, in dem die von der Suche zurückgegebenen Ergebnisse gespeichert sind, ruft die erforderlichen Parameter von der Benutzeroberfläche ab und übergibt diese Parameter an das von DWR erstellte ApartmentDAO-Objekt. Dann wird die Datenbankabfrage ausgeführt und fillTable() aufgerufen, das das von DWR zurückgegebene Objekt (apartments) analysiert und auf der Seite anzeigt (apartmentsbody).

 Sicherheitsfaktoren <BR>Um das Beispiel kurz zu halten, wird die ApartmentDAO-Klasse so einfach wie möglich gehalten, aber eine solche Klasse verfügt normalerweise über eine Reihe von Set-Methoden zum Bearbeiten von Daten, wie etwa insert(), update() und delete(). DWR stellt alle öffentlichen Methoden zur Verfügung, die von allen HTML-Seiten aufgerufen werden können. Aus Sicherheitsgründen ist es unklug, Ihre Datenzugriffsschicht auf diese Weise offenzulegen. Entwickler können eine Fassade erstellen, die die Kommunikation zwischen allen JavaScript-Funktionen und den zugrunde liegenden Geschäftskomponenten zentralisiert und so eine übermäßige Offenlegung von Funktionen begrenzt.

 Fazit <BR>Dieser Artikel ist nur ein Anfang für die Verwendung von DWR-gestütztem Javascript :void(0);">AJAX in Ihren Projekten. Mit DWR können Sie sich auf die Verbesserung des Interaktionsmodells Ihrer Anwendung konzentrieren. , wodurch die Die Belastung durch das Schreiben und Debuggen von JavaScript-Code besteht darin, zu definieren, wo und wie die Benutzerfreundlichkeit verbessert werden kann. DWR ist für die Kommunikation zwischen der Webseite und Ihren Java-Objekten verantwortlich und hilft Ihnen so, sich ganz auf die benutzerfreundlichere Gestaltung der Benutzeroberfläche Ihrer Anwendung zu konzentrieren.
 Ich möchte Mircea Oancea und Marcos Pereira danken, die diesen Artikel gelesen und sehr wertvolles Feedback gegeben haben.

 Ressourcen ·javaworld.com:javaworld.com
 ·Matrix-Java-Entwickler-Community: http://www.matrix.org.cn/
 ·onjava.com:onjava.com
 ·Laden Sie den gesamten Quellcode des Beispielprogramms herunter: 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);">Definition von AJAX: http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · „javascript :void(0);“>AJAX: A New Path to Web Applications“: Jesse James Garrett (Adaptive Path, 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385. php
 · „Eine sehr dynamische Weboberfläche“ Drew McLellan (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest & javascript :void(0);">AJAX-Arbeitsbeispiel: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · „Usable XMLHttpRequest Practices“ Thomas Baekdal (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 ·„XMLHttpRequest-Nutzungsrichtlinien“ Thomas Baekdal (Baekdal.com, 2005.2): http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/