首先,去
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来显示结果。