首先,去
http://getahead.org/dwr/下載dwr.jar包,放在你的項(xiàng)目的/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/*來寫,不然運(yùn)行不了的。我以為寫成*.*這種都可以的,但事實(shí)證明無法運(yùn)行。
2. 新建一個(gè)文件dwr.xml, 跟web.xml放在同一個(gè)目錄下:
<?
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>
這里面其實(shí)就是我們要用到的Java類,名字叫Demo。這個(gè)文件的作用就是可以將我們要用到的Java類轉(zhuǎn)化成一個(gè)Javascript對(duì)象供我們?cè)陧撁嬷惺褂谩?br />
3. Demo.java
package
src;
public
class Demo {
public String sayHello(String name) {
return "Hello, " + name;
}
}
這個(gè)類的作用很簡單,就是返回“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>
首先要說的是,這個(gè)頁面文件直接放在根目錄下面就可以了,不用你新建一個(gè)dwr文件夾再將頁面文件放到這個(gè)文件夾下面。這里跟我們平常所熟悉的url-pattern有點(diǎn)不同。注意,在這個(gè)例子中,開頭聲明要引入的三個(gè)文件是必需的!官網(wǎng)上的例子中就沒有引入這些文件,所以怎么也運(yùn)行不出來。這里官網(wǎng)有點(diǎn)沒有說清楚,因?yàn)樗@個(gè)例子之前的準(zhǔn)備工作是放在另一節(jié)里面講的,例子里面并沒有講。但是如果只看這個(gè)例子的話是無法運(yùn)行出來的。還有就是dwr/interface/Demo.js,剛開始的時(shí)候我也不清楚為什么要導(dǎo)入這個(gè)文件,因?yàn)槲腋揪蜎]有寫過這個(gè)。不過應(yīng)該是跟那個(gè)Demo類有關(guān)的,大概會(huì)自動(dòng)生成吧。
在頁面文件的javascript代碼中,我們先通過dwr.util.getValue來得到Id為demoName的值,然后調(diào)用Demo類中的sayHello方法,最后再通過setValue方法來返回給demoReply這個(gè)Id來顯示結(jié)果。