DWR入门学习

最新推荐文章于 2014-04-10 08:47:00 发布

lovermars

最新推荐文章于 2014-04-10 08:47:00 发布

阅读量113

点赞数

分类专栏： web应用文章标签： DWR JavaScript Servlet Web XML ViewUI

web应用专栏收录该内容

0 篇文章 0 订阅

订阅专栏

dwr是一种ajax(Asynchronous JavaScript and Xml)的java实现，它提供了一种能在web浏览器端采用js直接调用后台业务组件的解决方案，推存下载(http://directwebremotion.org/)

1. 下载dwr.jar，将其放在web工程的lib文件夹下，并修改web.xml

	<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>

2. 新建一个java文件，名为TestHello.java

package dwr;

public class TestHello {
	public String hello(String input) {
		return "您输入的字符串为 " + input;
	}
}

3. 在web.xml同级目录下新建dwr.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="TestHello">
			<param name="class" value="dwr.TestHello" />
		</create>
	</allow>
</dwr>

4. 启动eclipse中的tomcat服务器，在ie或内嵌浏览器中输入url(http://127.0.0.1:8080/TestDevon/dwr)，显示如下

Classes known to DWR:
TestHello (dwr.TestHello)

5. 点击TestHello, 显示如下

Methods For: TestHello (dwr.TestHello)
To use this class in your javascript you will need the following script includes:

<script type='text/javascript' src=' /TestDevon/dwr/interface/TestHello.js'></script>
<script type='text/javascript' src=' /TestDevon/dwr/engine.js'></script>

In addition there is an optional utility script:

<script type='text/javascript' src=' /TestDevon/dwr/util.js'></script>

Replies from DWR are shown with a yellow background if they are simple or in an alert box otherwise.
The inputs are evaluated as Javascript so strings must be quoted before execution.

There are 10 declared methods:

hello( )

(button)

6. 新建一个jsp文件，如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Test DWR</title>
		<script type="text/javascript" src="dwr/interface/TestHello.js"></script>
		<script type="text/javascript" src="dwr/engine.js"></script>
		<script type="text/javascript" src="dwr/util.js"></script>
		<script type='text/javascript'>
		    var reply = function(data) {
		    	if (data != null && typeof data == 'object') {
		    		alert(dwr.util.toDescriptiveString(data, 2));
		    	} else {
		    		dwr.util.setValue('result', dwr.util.toDescriptiveString(data, 1));
		    	}
		    }
		    
		    function setValue() {
		    	var value = $("user").value;
		    	if (value != "") {
		    		TestHello.hello(value, reply);
		    	} else {
		    		alert("请输入参数!");
		    	}
		    }
  		</script>
	</head>
	<body>
		<input id="user" type="text" />
		<input type="button" value="hello" οnclick="setValue();" />
		<div id="result"></div>
	</body>
</html>

7. 新建一个servlet定向到这个jsp文件，然后运行该servlet，在文本框中输入“张文平”，点击hello铵钮，结果如下

"您输入的字符串为张文平"