DWR（Direct Web Remoting）是一個(gè)用于改善web頁面與Java類交互的遠(yuǎn)程服務(wù)器端Ajax開源框架,可以幫助開發(fā)人員開發(fā)包含AJAX技術(shù)的網(wǎng)站.

它可以允許在瀏覽器里的代碼使用運(yùn)行在WEB服務(wù)器上的JAVA函數(shù),就像它就在瀏覽器里一樣。

1、拷貝dwr.jar到項(xiàng)目的lib中
2、配置web.xml，添加：
<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、新建dwr.xml，配置允許js調(diào)用的class
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www./dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="Hello" scope="page">
<param name="class" value="demo.Hello" />
</create>
</allow>
</dwr>
如果有自定義類型可以考慮添加下面的配置在<allow>中
<convert converter="bean" match="x.y.Bean"/>
現(xiàn)在你必須讓DWR知道通過XMLHttpRequest對(duì)象，什么對(duì)象將會(huì)接收請(qǐng)求。這個(gè)任務(wù)由叫做dwr.xml的配置文件來完成。在配置文件中，定義了DWR允許你從網(wǎng)頁中調(diào)用的對(duì)象。從設(shè)計(jì)上講，DWR允許訪問所有公布類的公共方法，但在我們的例子中，我們只允許訪問幾個(gè)方法。下面是我們示例的配置文件:
<dwr>
<allow>
<convert converter="bean" match="com.yd.pojos.Userss"/>
<create creator="new" javascript="userAction" class="com.yd.imp.UserCol">
<include method="getALlUser"/>
</create>
</allow>
</dwr>
上面的文件實(shí)現(xiàn)了我們例子中的兩個(gè)目標(biāo)。首先，<convert>標(biāo)記告訴DWR將com.yd.pojos.Userss對(duì)象的類型轉(zhuǎn)換為聯(lián)合數(shù)組，因?yàn)椋鲇诎踩脑?，DWR默認(rèn)的不會(huì)轉(zhuǎn)換普通bean。第二，<create>標(biāo)記讓DWR暴露出com.yd.imp.UserCol類給JavaScript調(diào)用;我們?cè)陧撁嬷惺褂肑avaScript文件被javascript屬性定義。我們必須注意<include>標(biāo)記，它指明了com.yd.imp.UserCol類的哪些方法可用。
4、頁面添加：
<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript" src="dwr/interface/Hello.js"></script>
說明：Hello.js 對(duì)應(yīng)dwr.xml  <create creator="new" javascript="Hello" scope="page">
5、自行設(shè)計(jì)調(diào)用處理方法
<script type="text/javascript">
function callback(str)
{
alert(str);
}
function test()
{
Hello.sayHelloTo("zhangsan",callback);
}
</script>