DWR（Direct Web Remoting）是一个WEB远程调用框架，采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码。这样WEB开发人员就可以在JavaScript里使用Java代码，就像它们是浏览器的本地代码(客户端代码)一样。

其开发过程如下：

      1. 拷贝dwr.jar文件
      2. 修改web.xml文件，添加dwr servlet配置
      3. 编写dwr组件，即提供给javascript访问的java类。
      4. 在web-inf下面添加dwr.xml文件，进行配置
      5. 创建jsp页面，需引入dwr的javascript文件，调用java类方法

下面以用户注册的例子，来说明其使用。

修改web.xml文件，添加dwr servlet配置

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

引入第三方框架时，都需要做这两件事：加入第三方框架的配置信息（见下面的dwr.xml）和 在web.xml中配置，引入该框架。

编写dwr组件，即提供给javascript访问的java类

public class User {

private String id;

private String name;

private String password;

//以下包含getXXX和setXXX方法

.......

  }

DWRUserAccess：

public class DWRUserAccess {

public boolean save(User user) {

System.out.println("id：" + user.getId());

System.out.println("password：" + user.getPassword());

System.out.println("name：" + user.getName());

return true;

}

public User find(String id) {

User user = new User();

user.setId(id);

user.setName("lisi");

user.setPassword("lisi");

return user;

}

}

csdn的代码格式化做的太次毛了，全部对齐了。

在web-inf下面添加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="DWRUserAccess">

      <param name="class" value="test.DWRUserAccess"/>

</create>

<convert converter="bean" match="test.User"/>

  </allow>

</dwr>

创建jsp页面，需引入dwr的javascript文件，然后调用java类方法

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</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/DWRUserAccess.js"></script>

<SCRIPT LANGUAGE="JavaScript">

function saveFun(data) {

if (data) {

alert("注册成功！");

} else {

alert("登陆ID已经存在！");

}

}

function OnSave() {

var userMap = {};

userMap.id = loginForm.id.value;

userMap.password = loginForm.password.value;

userMap.name = loginForm.name.value;

// 调用DWRUserAccess类的save方法

DWRUserAccess.save(userMap, saveFun);

}

function findFun(data) {

if (data == null) {

alert("无法找到用户："+queryForm.id.value);

return;

}

alert("找到用户，nid："+data.id+"，npassword："+data.password+"，nname："+data.name+"，nemail："+data.email);

}

function OnFind() {

// 调用DWRUserAccess类的find方法

DWRUserAccess.find(queryForm.id.value, findFun);

}

</SCRIPT>        

</head>

<body>

<B>用户注册</B><br>

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

<Br>

<form name="loginForm">

用户ID：<input type="text" name="id"><br>

口  令：<input type="password" name="password"><br>

姓  名：<input type="text" name="name"><br>

<input type="button" name="submitBtn" value="提交" onclick="OnSave()"><br>

</form>

<br>

<br><B>用户查询</B><br>

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

<Br>

<form name="queryForm">

用户ID：<input type="text" name="id"><br>

<input type="button" name="submitBtn" value="提交" onclick="OnFind()"><br>

</form>

<br>

</body>

</html>

分析dwr.xml，

通过dwr.xml把DWRUserAccess java类配置到了dwr中。

create元素中，creater="new"表示每调用一次DWRUserAccess时，需要new一个这样的类；creator还可以是spring、ejb3等值，意思是对象交给容器管理，就像这段代码所描述

<create creator="spring" javascript="aclManager">

<param name="beanName" value="aclManager"/>

</create>

javascript="DWRUserAccess"，表示提供给前台页面调用的javascirpt文件是DWRUserAccess.js。

类型转换。convert元素用于数据类型转换，因为javascript的对象到了java中是不认识的，相反也是一样的道理。

通过转换器，把javascript的map结构转换到java的User对象或者把java User对象转换到javascript的map结构。（javascript的map结构：各个项是用逗号连接的，而每个项的键值对是用冒号连接的，如var userMap = {id:'admin',password:'123456',name:'chenbug'};）转换器也有多种，比如BeanConverter、ArrayConverter等

分析js代码

DWRUserAccess.js和DWRUserAccess.java是对应的，将我们编写的DWRUserAccess类，经dwr反射后，生成的就是对应的javascript代码，实际上我们就是通过这个js文件去调用服务器端的DWRUserAccess类的。

OnSave函数，首先它构造一个map，然后调用DWRUserAccess.save(userMap, saveFun)，第一个参数userMap是javascirpt中的map对象，而服务器端的DWRUserAccess中的save方法是这样的：boolean save(User user)，参数是一个User对象，所以在服务器端代码执行前，会通过convert转换成User对象。第二个参数saveFun即是一个回调函数，执行完服务端的方法后，将结果填充到function saveFun(data)中的data中。

OnFind函数，因为服务器端返回的是一个User对象，所以需要通过convert，将User对象转换成avascript的一个map对象，将最终结果填充到回调函数findFun(data)的data参数中。

小结

这个从JAVA到JavaScript的远程调用，非常像传统的RPC机制,比如RMI或者Web Service，只需要通过网络向远程计算机请求相应的服务，就能达到想要做的事情。

通过DWR简化AJAX开发的更多相关文章

  1. .net开发，html ajax开发架构之我见 bs ajax最简化法 Knock out Request，totally oo

    .net开发中,无论ajax还是webform,webpage, 总免不了要和request这个静态全局,可以远程通信的对象打交道. 而对于软件来讲,按照Matin Fowler的的面向对象,可利用软 ...

  2. DWR与AJAX

    DWR与AJAX的微妙关系 2015-08-14 10:20 447人阅读 评论(0) 收藏 举报 本文章已收录于:   // ' + obj.name + "  "; html ...

  3. Ajax开发中服务端Response的Content-Type

    转自http://www.cnblogs.com/hyl8218/archive/2010/03/10/1681484.html ajax开发中在请求服务器端的响应时, 对于每一种返回类型 规范的做法 ...

  4. DbUtils是Apache出品一款简化JDBC开发的工具类

    DbUtils     - DbUtils是Apache出品一款简化JDBC开发的工具类     - 使用DbUtils可以让我们JDBC的开发更加简单     - DbUtils的使用:       ...

  5. Web的Ajax应用开发模式（二）——Ajax开发模式分析

    寄语: 前天在查看一些公司的招聘要求时,看到有公司要求测试人员了解Ajax,故写此博文旨在帮助测试人员提高自身技术知识水平,愿与广大测试同胞共同进步.(欢迎纠错!!!) Web应用的传统开发模式总结: ...

  6. 推荐 greenrobot eventbus，简化安卓开发，提高安卓维护性，优化安卓性能

    最近在研究移动开发,广泛的阅读有关cordova,apicloud,android资料.发现安卓的开发还是很简单的.再发现greenrobot eventbus开源框架不仅可以简化安卓开发,有可以大幅 ...

  7. 简化PHP开发的10个工具

    本文介绍了可以帮助简化 PHP 开发的11个项目,包括框架,类库,工具,代码. 1. CakePHP Development Framework CakePHP 是一个 PHP 的快速开发框架.它提供 ...

  8. 12款有助于简化CSS3开发的工具

    网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进.现在,本文将介绍12款有助于简化CSS3开发的工具.  1.CSS3 Pie: 允许在IE上使用CSS3绝大部 ...

  9. ajax（ajax开发）

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和 ...

随机推荐

  1. 搭建zend framework1开发环境

    1.和常规开发大致相同,首先下载zend framework1,下载地址如下 http://www.zendframework.com/downloads/latest 挑选其中一个下载,我下载的是f ...

  2. [LeetCode]题解（python）：066-Plus One

    题目来源: https://leetcode.com/problems/plus-one/ 题意分析: 给定一个数组,将数加一,返回新的数组.比如[9,9],返回[1,0,0]. 题目思路: 这道题目 ...

  3. apache下的IfModule里设置含义

    <IfModule mod_deflate.c> SetOutputFilter DEFLATE #必须的,就像一个开关一样,告诉apache对传输到浏览器的内容进行压缩 SetEnvIf ...

  4. S2S：分享出的营销机遇

    (速途网专栏 作者:高学争)经常在网上购物的你,有没有遇到过这样的问题:你知道自己想买什么,但是在淘宝上一搜,出来了数以万计的同类型,他们有着同样的价位(甚至可能是同样的图片),但是由不同的商家提供, ...

  5. Vim中如何全选并复制？

    全部删除:按esc后,然后dG全部复制:按esc后,然后ggyG 全选高亮显示:按esc后,然后ggvG(这个好像有点问题)或者ggVG正确 vim如何与剪贴板交互(将vim的内容复制出来) 习惯了在 ...

  6. strut2服务器与android交互数据

    libs如图: web.xml: <?xml version="1.0" encoding="UTF-8"?> <web-app versio ...

  7. windows下取linux系统里面的文件

    方法一:使用原生态的psftp 1.下载psftp.exe http://pan.baidu.com/s/1boVLHKF 2.双击psftp.exe 2.1 输入指令:open IP地址 (例如:o ...

  8. c语言 ，回调函数[个人理解]

    回调函数:把需要调用的方法的指针pCallBackFuncX作为参数传递给一个函数UsrFunction,以便该UsrFunction函数在处理相似事件的时候可以灵活的使用不同的方法.   以在fla ...

  9. 利用CentOS系统IPtables防火墙添加网站IP白名单

    参考博文: 利用CentOS系统IPtables防火墙添加360网站卫士节点IP白名单 centos6.5添加白名单如下: 在防火墙 配置文件中加入白名单  ip -A INPUT -s 183.13 ...

  10. int *p = NULL 和 *p = NULL（转载）

    int *p = NULL 和 *p = NULL int *p = NULL;      这时候我们用编译器查看p的值为0x00000000.这句话的意思是定义一个指针变量p,其指向内存里面保存的是 ...