Dwr例子

Dwr例子

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

你可能感兴趣的:(Dwr例子)