DWR讓AJAX如此簡單

<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>
 <allow>
 <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>

上面的檔案實現了我們例子中的兩個目標。首先，<convert>標記告訴DWR將dwr.sample.Apartment物件的類型轉換為聯合數組，因為，出於安全的原因，DWR預設的不會轉換普通bean。第二，<create>標記讓DWR暴露出dwr.sample.ApartmentDAO類別給JavaScript呼叫;我們在頁面中使用JavaScript檔案被javascript屬性定義。我們必須注意<include>標記，它指明了dwr.sample.ApartmentDAO類別的哪些方法可用。

 HTML/JSP程式碼<BR>設定完成後，你就可以啟動你的Web應用了，這時DWR會為從你的HTML或Java伺服器端頁面(JSP)上呼叫所需方法作好準備，並不需要你建立JavaScript檔案。在search.jsp檔案中， 我們必須增加由DWR提供的JavaScript接口，還有DWR引擎，加入以下三行到我們的程式碼中：

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

我們注意到當使用者改變搜尋標準時，這是javascript :void(0);">AJAX在範例程式中的首次應用;正如他所看到的，當標準改變時，可用的公寓數量被更新了。的是第一個參數, loadTotal()函數，它指明了當接收到服務端的返回時DWR將會呼叫的JavaScript方法。交互場景中所使用的JavaScript函數:

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

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

很明顯，用戶想看到符合他的搜尋條件的公寓清單。那麼，當使用者對他的搜尋標準感到滿意，並且總數也是有效的話，他會按下顯示結果的按紐，這將會呼叫updateResults() JavaScript方法：
 function updateResults() {

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

 function fillTable(apartment) {
 DWRUtil.addRows("apartmentsbody", apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 updateResults()方法清空了存放搜尋傳回結果的表域，從使用者介面上取得所需參數，並且將這些參數傳給DWR所建立的ApartmentDAO物件。然後資料庫查詢將被執行，fillTable()將會被調用，它解析了DWR返回的物件(apartment)，然後將其顯示到頁面中(apartmentsbody)。

安全因素<BR>為了保持範例的簡要，ApartmentDAO類別盡可能的保持簡單，但這樣的一個類別通常有一組設定方法來操作數據，如insert(), update()和delete()。 DWR暴露了所有公共方法給所有的HTML頁面呼叫。出於安全的原因，像這樣暴露你的資料存取層是不明智的。開發者可以建立一個門面來集中所有JavaScript函數與底層業務元件之間的通信，這樣就限制了過度暴露的功能。

結論<BR>這篇文章僅僅讓你在你的專案中使用DWR支援的javascript :void(0);">AJAX開了個頭。DWR讓你集中註意力在如何提高你的應用的交互模型上面，消除了編寫和調試JavaScript程式碼的負擔。 DWR負責了操作Web頁面與你的Java物件之間的通信，這樣就幫助你完全集中註意力在如何讓你的應用程式的使用者介面更加友好，
我想感謝Mircea Oancea和Marcos Pereira,他們閱讀了這篇文章並給予了非常有價值的返匱。

資源·javaworld.com:javaworld.com
 ·Matrix-Java開發者社群:http://www.matrix.org.cn/
 ·onjava.com:onjava.com
 ·下載範例程式的全部原始碼: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);">AJAX的定義:http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · “javascript :void(0);">AJAX:通往Web應用的新途徑": Jesse James Garrett (Adaptive Path, 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385. php
 · “非常動態的Web介面” Drew McLellan (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest & javascript :void(0);">AJAX 工作範例: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · “可用的XMLHttpRequest實踐” Thomas Baekdal (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 ·"XMLHttpRequest使用導引" Thomas Baekdal (Baekdal.com, 2005.2):http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/