`
ll_feng
  • 浏览: 383027 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DWR3.0学习笔记

    博客分类:
  • ajax
阅读更多
DWR作为一个优秀的服务器端ajax框架。特点是非常突出的。3.0版又增加了一些新的功能。值得肯定!

在应用中使用dwr其实是非常简单的。下面以一个极简单的步骤来展现它的简单性和实用性:

一、给应用增加对dwr的支持
1、将dwr.jar包放入应用的lib包下
2、配置web.xml
  <!-- 加入dwr的支持 -->
  <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>

3、配置dwr.xml
在web.xml同目录下配置一个dwr.xml文件。它的作用有点类似spring的applicationContext.xml。主要是将所有需要在页面由脚本程序调用的java类配置进去。如:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">

<dwr>

  <allow>
<!--dwr3提供的一个日志审核过滤器-->
    <filter class="org.directwebremoting.filter.AuditLogAjaxFilter"/>

<!--这是我配置的一个演示类,javascript="Demo" 表示,我可以在页面中用Demo这个名称指向DwrDemo这个java类,类中的方法可以在前台调用-->
    <create creator="new" javascript="Demo">
      <param name="class" value="cn.ibeans.demo.dwr.DwrDemo"/>
    </create>


    <!-- this is a bad idea for live, but can be useful in testing -->
    <convert converter="exception" match="java.lang.Exception"/>
    <convert converter="bean" match="java.lang.StackTraceElement"/>

  </allow>

</dwr>


二、添加java类(被配置到dwr.xml中)
DwrDemo.java:
package cn.ibeans.demo.dwr;

public class DwrDemo {
	public String getHello(String name){
		return name+" 你好!";
	}
}


三、前台页面中使用dwr
dwr.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Dwr Demo</title>
	<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'> </script>
	<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'> </script>
	<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/Demo.js'> </script>
<script type="text/javascript">
//此函数中可以调用java类的方法,除了java方法本身的参数外,还要将回调函数名作为参数传给java方法
function sayHello(name){
	Demo.getHello(name,dwrHandler);
}

//这是dwr的一个回调函数,data参数即java方法getHello(String name)的返回值
function dwrHandler(data){
	alert(data);
}
</script>
  </head>
  
<body>&nbsp; 
<h1>Hello World!</h1>
<script type="text/javascript">
sayHello("张三");
</script>
</body>
</html>

注:jsp文件中必须引入几个js,它们都是隐含存在的,不用考虑它们在哪儿。其中engine.js和util.js是固定的。另外的一个js的名称就是dwr.xml中配置的类名。这些js的路径基本是:app_root/dwr/....模式的,一定要写对。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics