前言aJax也許很多人比較熟悉,但是dwr可以是應用ajax變得非常的簡單,大大提高開發效率,而且dwr還提供了很多有用的js代碼,可以說是如虎添翼。
應用解釋可能有部分人根本不知道aJax和dwr是什麼東西,用來做什麼的?既然標題是基本使用,那我就從dwr有什麼用來說說。一般來說,不管是jsp或者是asp要訪問數據庫都得submit一個form,然後獲取數據庫或者執行部分邏輯,接著web跳了另外一頁把執行的結果顯示出來。這個過程web相對於是刷新了一下。那麼有什麼辦法可以令web不刷新,而頁面又可以和數據庫交互數據呢?有,就是ajax技術,利用web 對象把數據以xml方式submit到web server,然後返回結果,中間全部用javascript操作,頁面不閃動或者刷新。但是自己操作xml對象未免有點小煩,能不能把這些工作集成到一個對象裡面呢?能,就是dwr.下面開始教你如何使用。
如何使用
下載軟件包http://getahead.ltd.uk/dwr/這裡就可以
安裝軟件包解壓軟件包,把dwr.jar 文件拷貝到你web項目的WEB-INF/lib 目錄中,同時編輯WEB-INF/web.xml文件,在此文件中加入
- <servlet>
- <servlet-name>dwr-invoker</servlet-name>
- <display-name>DWR Servlet</display-name>
- <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>
另外,在WEB-INF目錄中建立一個dwr.xml 文件,文件內容入下
- <!DOCTYPE dwr PUBLIC
- "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
- "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
-
- <dwr>
- <allow>
- <create creator="new" javascript="JDate">
- <param name="class" value="java.util.Date"/>
- </create>
- <create creator="new" javascript="Demo">
- <param name="class" value="your.java.Bean"/>
- </create>
- </allow>
- </dwr>
這個可以說也是dwr的配置文件最後,重新啟動你的tomcat或者resin等jsp web server.
測試安裝效果在ie敲入http://localhost:8080/[YOUR-WEBAPP]/dwr/
如果成功顯示頁面,那說明你安裝正確了。
應用於網頁測試頁會顯示JDate (java.util.Date) ,這個是也是例子,通過javascript調用web server中的java.util.Date,也相當於調用web server裡面的一個bean.那麼我們如何使用他呢?
你可以在自己的html文件中加入
- <script type='text/javascript' src='/sc/dwr/interface/JDate.js'></script>
- <script type='text/javascript' src='/sc/dwr/engine.js'></script>