dwr_helloWorld-优快云博客

本文通过一个简单的HelloWorld实例介绍DWR的基本使用方法。该实例演示了如何配置web.xml和dwr.xml，创建服务端接口Service.java，并实现客户端通过JavaScript调用服务端方法的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

dwr 入门实例HelloWorld

一、项目结构

见附件2009-9-27 14-13-25.jpg

二、代码

1、web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app 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>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>
	
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>

2、dwr.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">

<dwr>
	<allow>
		<create javascript="service" creator="new">
			<param name="class" value="helloWorld.Service" />
		</create>
	</allow>
</dwr>

3、Service.java

package helloWorld;

/**
 * 服务端
 * 
 * @author duyanjun
 * @version 1.0
 */
public class Service {

	/**
	 * 显示"hello World" 和 从客户端传来的信息
	 * 
	 * @param yourName 从客户端传来的信息
	 * @return 服务器返回给客户端的信息
	 */
	public String sayHello(String yourName){
		return "hello World " + yourName;
	}
}

4、index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
	<head>
		<title>首页</title>
		<script type="text/javascript" src="dwr/engine.js"></script>
		<script type="text/javascript" src="dwr/util.js"></script>
		<script type="text/javascript" src="dwr/interface/service.js"></script>
		<script type="text/javascript">
			/**
			 * 调用服务端sayHello方法
			 */
			function firstDwr(){
				service.sayHello("Jorwen",callBackHello);
			}
			
			/**
			 * 回调方法，显示从服务器返回的信息
			 */
			function callBackHello(data){
				alert(data);
			}
		</script>
	</head>
	<body>
		<input type="button" name="button" value="测试" onclick="firstDwr()">
	</body>
</html>

三、结果

1、在地址栏中输入:

http://localhost:8008/MyDwr/

的结果参照附件中result.jsp