DWR3.0学习笔记

最新推荐文章于 2024-01-24 10:05:02 发布

ll_feng

最新推荐文章于 2024-01-24 10:05:02 发布

阅读量108

点赞数

分类专栏： ajax 文章标签： DWR Java XML Spring Ajax

ajax 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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>  
<h1>Hello World!</h1>
<script type="text/javascript">
sayHello("张三");
</script>
</body>
</html>