首先,去
http://getahead.org/dwr/下載dwr.jar包,放在你的項目的/WEB-INF/lib下面。
1. web.xml:
<?
xml version="1.0" encoding="UTF-8"?>
<
web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<
servlet>
<
servlet-name>dwr-invoker</servlet-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-app>
注意啊,url-pattern里面一定要照著/dwr/*來寫,不然運行不了的。我以為寫成*.*這種都可以的,但事實證明無法運行。
2. 新建一個文件dwr.xml, 跟web.xml放在同一個目錄下:
<?
xml version="1.0" encoding="UTF-8"?>
<!
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="Demo">
<param name="class" value="src.Demo"/>
</create>
</
allow>
</
dwr>
這里面其實就是我們要用到的Java類,名字叫Demo。這個文件的作用就是可以將我們要用到的Java類轉化成一個Javascript對象供我們在頁面中使用。
3. Demo.java
package
src;
public
class Demo {
public String sayHello(String name) {
return "Hello, " + name;
}
}
這個類的作用很簡單,就是返回“Hello”和你在頁面輸入的字符串。
4. demo.html
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<
title>Text Demo</title>
<
script src='dwr/interface/Demo.js'></script>
<
script src='dwr/engine.js'></script>
<
script type='text/javascript' src='dwr/util.js'></script>
<
script>
function
update() {
var
name = dwr.util.getValue("demoName");
Demo.sayHello(name,
function(data) {
dwr.util.setValue("demoReply", data);
});
}
</
script>
</
head>
<
body>
<
p>
Name:
<input type="text" id="demoName"/>
<input value="Send" type="button" onclick="update()"/>
<br/>
Reply:
<span id="demoReply"></span>
</
p>
</
body>
</
html>
首先要說的是,這個頁面文件直接放在根目錄下面就可以了,不用你新建一個dwr文件夾再將頁面文件放到這個文件夾下面。這里跟我們平常所熟悉的url-pattern有點不同。注意,在這個例子中,開頭聲明要引入的三個文件是必需的!官網上的例子中就沒有引入這些文件,所以怎么也運行不出來。這里官網有點沒有說清楚,因為它這個例子之前的準備工作是放在另一節里面講的,例子里面并沒有講。但是如果只看這個例子的話是無法運行出來的。還有就是dwr/interface/Demo.js,剛開始的時候我也不清楚為什么要導入這個文件,因為我根本就沒有寫過這個。不過應該是跟那個Demo類有關的,大概會自動生成吧。
在頁面文件的javascript代碼中,我們先通過dwr.util.getValue來得到Id為demoName的值,然后調用Demo類中的sayHello方法,最后再通過setValue方法來返回給demoReply這個Id來顯示結果。