最简单实用的Ajax框架么，DWR

ybhuxiao

浏览: 192452 次
性别:
来自: 北京

最近访客更多访客>>

jiduoduo

yhldbl

ilu73

charles751

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

DWR Ajax 框架 Java JavaScript

DWR，全称是Direct Web Remoting，直接web远程？我的理解是可以用JavaScript直接调用java方法吧，当然JavaScript是没有权限直接调java方法的，中间还经过了若干过程，dwr做的，就是帮我们处理了这个繁琐的中间过程。

	public String getDate(){
		//举个例子，js处理日期比较麻烦，java则比较顺手
		return new SimpleDateFormat("yyyyMMddHHmmss").format(new Date());
	}

<script type="text/javascript">
//如果我们在javascipt里面能调用我们的java方法，那该多好，dwr帮你完成这一切
Ajax.getDate(function(time){
    //这里我们就能得到一个14位的时间了，感觉是不是和java里面调用static方法一模一样呢？神似Calendar.getInstance() ？
    alert(time);
});
</script>

-------------------------------------------------------------------

用的人很多了这个，jquery的ajax也不错，但是一直倾向于用dwr，感觉就像直接调用java方法一样，简单方便，也不需要自己处理太多东西，特别是中文处理方面，比jquery强好多。

本文实际上是DWR官方OverView的简版：

1. 下载 dwr.jar 和 commons-logging
2. 在web.xml中配置dwr

<servlet>
  <servlet-name>dwr-invoker</servlet-name>
  <display-name>DWR Servlet</display-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. 在WEB-INF目录下新建dwr.xml文件

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="JDate">
      <param name="class" value="java.util.Date"/>
    </create>
    <!-- 
     修改“your.java.Bean”为你的类路径
      Demo这个名字也是随便命的，这个名字以后用来调用你your.java.Bean这个类，如下面这个，以后用Demo.getName()之类的，就表示调用Bean类里面的getName方法
     -->
    <create creator="new" javascript="Demo">
      <param name="class" value="your.java.Bean"/>
    </create>
  </allow>
</dwr>

4. 已经配完了，简单吧，下面做个demo

这里是我的dwr.xml

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="Demo">
      <param name="class" value="com.djwl.core.dwr.TestDWR"/>
    </create>
  </allow>
</dwr>

com.djwl.core.dwr.TestDWR

package com.djwl.core.dwr;


public class TestDWR {
	
	public String getName(String name){
		return "my name is: " + name;
	}
}

javascript代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.htm</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk">

<script type="text/javascript" src="/dwr/interface/Demo.js"></script>
<script type="text/javascript" src="/dwr/engine.js"></script>    

<script type="text/javascript">
<!--
	window.onload = function(){
		/**
		 * 方法一
		 * @param {Object} data
		 */
		Demo.getName("huxiao", {
			callback:function(data){alert(data)}
		});
		/**
		 * 方法二，这两种都是可以的，选用自己喜欢的
		 * @param {Object} data
		 */
		Demo.getName("胡晓", function(data){
			alert(data);
		});
	}
//-->
</script>

</head>
  
<body>
</body>
</html>

5. dwr传的参数不止是string or int……还支持object
你可以在JavaScript端定义一个person对象，然后传给java端，在java端用一个Person person接收，回传的时候也支持json。下面是JavaScript代码，java的就不用写了吧

var person = function(){
    this.name = "huxiao";
    this.age = 18;
}

6. 怎么获取HttpServletRequest 或者 HttpServletResponse 呢？

在dwr里面非常简单，需要他是吧，什么都不用做，直接就拿来用


	/**
	 * <p>功能描述：在这里，我添加了两个参数，那么dwr就会自动给我们传过来request和response，前台代码不变</p>
	 * 
	 * @param name
	 * @param request
	 * @param response
	 * @return
	 * @author 胡晓 <BR> kskr@qq.com <BR>
	 * 时间：2010-3-15 下午09:29:51 <BR>
	 */
	public String getName(String name, HttpServletRequest request, HttpServletResponse response) {
		System.out.println(request.getRemoteAddr());
		return "my name is: " + name;
	}

_testdwr.rar (501.5 KB)
下载次数: 5

2
顶

0
踩

分享到：

什么才是真正的“用户体验”？ | JavaScript的valueOf跟toString

2010-03-15 21:27
浏览 1517
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论