dwr簡化了ajax的應用,可以在瀏覽器頁面的js中調用服務器端的java代碼,很方便的實現了瀏覽器端向服務器端發送請求,並瞬間及時異步的更新服務端向客戶端反饋的數據展示。具體步驟如下:
1. 下載dwr.jar,放在項目下的WEB-INFO/lib目錄裏,下載地址:dwr的官方網站:http://directwebremoting.org/dwr/。
2. 在web.xml文件中聲明dwr,需要加入如下配置:
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.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>
3. 在web.xml所在目錄下添加dwr.xml的配置文件,內容如下:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">
<dwr>
<allow>
<create creator="new" javascript="JDate"> <!—在js中映射的對象-->
<param name="class" value="java.util.Date"/> <!—-java的類 --> </create>
<create creator="new" javascript="Demo">
<param name="class" value="feng.Test"/>
</create>
</allow>
</dwr>
4. 在頁面js中加入如下代碼:
<script type='text/javascript' src='dwr/interface/Demo.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type='text/javascript'>
function dwrTest() {
Demo.ceshi(input, function(data) {//調用Test類中的ceshi方法,傳參input,將返回的數據data執行回調函數function
//回調函數function的定義
。。。。。。。
});
}
</script>
然後可以在標籤中可以隨意觸發事件dwrTest了。