①dwr.jar包引入到項目的WEB-INF/lib目錄下
②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>
③框架的核心配置文件dwr.xml
<dwr>
<allow>
<create creator="new" javascript="myjs">
<param name="class" value="dwr.test.helloWorld">
<include method="sayHello"/>
</param>
</create>
</allow>
</dwr>
④Java類
public class helloWorld {
public String sayHello(String str){
return "Hello," + str;
}
}
⑤自己的javascript文件hello.js
function update() {
var name = dwr.util.getValue("txtName");
myjs.sayHello(name, function(data) {
dwr.util.setValue("demoReply", data);
});
}
⑥jsp文件
<script type='text/javascript' src='/DWRDemo/dwr/interface/myjs.js'></script>
<script type='text/javascript' src='/DWRDemo/dwr/engine.js'></script>
<script type='text/javascript' src='/DWRDemo/dwr/util.js'></script>
<script type='text/javascript' src='/DWRDemo/js/hello.js'></script>
<body>
<p>DWR</p>
<input type="text" id="txtName" size="20" value=""/>
<input type="button" value="submit" onclick="update()"/>
<br>
<span id="demoReply"></span>
</body>
客戶端輸入test,調用javascript的update()函數,update函數通過配置文件調用java類的sayHello()方法,返回值輸出到客戶端。