DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。

它包含两个主要的部分：允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet中获取数据.另外一方面一个JavaScript库可以帮助网站开发人员轻松地利用获取的数据来动态改变网页的内容。

官网：http://directwebremoting.org/dwr/index.html

1. 搭建DWR开发环境

1.1 将下载的dwr.jar文件存放于WEB-INF\lib目录；同时它依赖commons-logging-1.x.x.jar包。

1.2 在web.xml文件中加入DWR的servlet配置

    <servlet>

        <display-name>DWR Servlet</display-name>

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

1.3 在WEB-INF目录中创建dwr.xml文件

该文件用于将后台的Java代码登记到DWR框架中，让其能被DWR框架正确定位并中以调用。

<!DOCTYPE dwr PUBLIC

    "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"

    "http://getahead.org/dwr/dwr30.dtd">

<dwr>

  <allow>

    <create creator="new" javascript="JDate">

      <param name="class" value="java.util.Date"/>

    </create>

    <create creator="new" javascript="Demo">

      <param name="class" value="com.clzhang.ssh.demo9.Remote"/>

    </create>

  </allow>

</dwr>
  • <allow>标签中包括可以暴露给javascript访问的东西。
  • <create>标签中指定javascript中可以访问的java类名，并定义DWR应当如何获得要进行远程的类的实例。creator="new"属性指定java类实例的生成方式，new意味着DWR应当调用类的默认构造函数来获得实例，其他的还有spring方式，通过与IOC容器Spring进行集成来获得实例等等。javascript=" testClass "属性指定javascript代码访问对象时使用的名称。
  • <include>标签指定要公开给javascript的方法。不指定的话就公开所有方法。示范：<include method="testMethod1"/>
  • <exclude>标签指定要防止被访问的方法。include和exclude不能同时存在。

2. 编写前台页面（dwr.jsp）

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ page isELIgnored="false"%>

<%@ taglib uri="/struts-tags" prefix="s"%>

<%

    String path = request.getContextPath();

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

<HEAD>

<sx:head extraLocales="utf-8"/>

<script type='text/javascript' src='<%=path%>/dwr/engine.js'></script>

<script type='text/javascript' src='<%=path%>/dwr/interface/JDate.js'></script>

<script type='text/javascript' src='<%=path%>/dwr/interface/Demo.js'></script>

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

<TITLE>DWR</TITLE>

<script>

    function submitDwr(name) {

        Demo.userIsExist(name, callback);

    }

    function callback(data) {

        if(data=="true"){

            alert("用户名已经存在！");

        }else {

            alert("用户名不存在，可以使用！");

        }

    }

    function calNewValue(value) {

        Demo.getData(value, function callback(returnData) {

            alert(returnData);

        });

    }

</script>

</HEAD>

<BODY>

<DIV>

    <P class="STYLE1"><STRONG>DWR测试</STRONG></P>

    <s:form>

        测试用户名是否存在（admin用户名已经存在）：<br/>

        <s:textfield name="username" onblur="submitDwr(this.value)"></s:textfield>

        <br/>

        取得计算结果（整数）：<br/>

        <s:textfield name="indexNumber" onblur="calNewValue(this.value)"></s:textfield>

        <br/>

        <s:submit value="提交"></s:submit>

    </s:form>

</DIV>

</BODY>

</HTML>

3. 编写后台Java类

package com.clzhang.ssh.demo9;

public class Remote {

    public String userIsExist(String name) throws Exception {

        System.out.println("后台收到userIsExist请求：" + name);

        if("admin".equals(name)) {

            return "true";

        }

        return "false";

    }

    public String getData(int index) {

        System.out.println("后台收到getData请求：" + index);

        return "您取数值为：" + index;

    }

}

4. 测试

因为在配置文件中配置了两个Java类，但实际上示范只用到了一个。只是为了演示，读者可以在DWR自身的界面中测试JDate的功能。

4.1 打开IE，输入地址：http://127.0.0.1:8080/st/dwr/index.html

结果如下：

在此页面单击“JDate”超链接，然后做相关测试即可。

4.2 打开IE，输入地址：http://127.0.0.1:8080/st/ssh/demo9/dwr.jsp

结果如下：

在用户名中输入：admin，鼠标移出，结果如下：

在取得计算结果中输入：123，鼠标移出，结果如下：

AJAX技术之DWR框架的更多相关文章

  1. dwr框架介绍

    转: [DWR框架]过时了吗? 置顶 2018年06月02日 11:59:02 许你笑颜 阅读数:4129   版权声明: https://blog.csdn.net/smileyan9/articl ...

  2. Web端服务器推送技术原理分析及dwr框架简单的使用

    1 背景 “服务器推送技术”(ServerPushing)是最近Web技术中最热门的一个流行术语.它是继“Ajax”之后又一个倍受追捧的Web技术.“服务器推送技术”最近的流行跟“Ajax ”有着密切 ...

  3. Web端server推送技术原理分析及dwr框架简单的使用

    1 背景 "server推送技术"(ServerPushing)是近期Web技术中最热门的一个流行术语.它是继"Ajax"之后又一个倍受追捧的Web技术.&qu ...

  4. [JavaEE] DWR框架实现Ajax

    Ajax是时下比较流行的一种web界面设计新思路,其核心思想是从浏览器获取XMLHttp对象与服务器端进行交互. DWR(Direct Web Remoting)就是实现了这种Ajax技术的一种web ...

  5. AJAX 概念 优势 发展前景 工作原理 底层技术 状态 缺点 框架

    1. 概念 Ajax asynchronous JavaScript and XML , 异步js和xml. 这种解释已经过时了, 现在ajax就是, 允许浏览器和服务器通信, 而无需刷新当前页面的技 ...

  6. atitit.ajax 最佳实践跟框架选型 o99

    atitit.ajax 最佳实践跟框架选型 1. 选型框架dwr/dwr3 跟jq 1 2. DWR方便的地方分为两个地方. 1 3. dwr 优点: 1 4. 缺点: 2 5. 根jq的区别 2 1 ...

  7. JS调用Java函数--DWR框架

    (1)dwr与ssh框架整合教程dwr框架介绍. DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJA ...

  8. [JavaEE] DWR框架简介

    DWR框架简介 DWR框架是一个可以允许你去创建AJAX WEB站点的JAVA开源库.它可以让你在浏览器的JavaScript代码中调用Web服务器的Java代码,就像Java代码在浏览器中一样.DW ...

  9. Ajax技术

    1.ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth.google suggest以及gmail等对ajax技术的广泛应用,催生了ajax ...

随机推荐

  1. BZOJ3626 [LNOI2014]LCA 树链剖分 线段树

    欢迎访问~原文出处——博客园-zhouzhendong 去博客园看该题解 题目传送门 - BZOJ3626 题意概括 给出一个n个节点的有根树(编号为0到n-1,根节点为0).一个点的深度定义为这个节 ...

  2. 【Java】 剑指offer(62) 圆圈中最后剩下的数字

      本文参考自<剑指offer>一书,代码采用Java语言. 更多:<剑指Offer>Java实现合集   题目 0, 1, …, n-1这n个数字排成一个圆圈,从数字0开始每 ...

  3. Redis中的key的通用操作

    1.看看所有的key 2.查看以mys开头的key 3.是否存在 4.删除 5.重命名. 6.设置过期时间与所剩的时间 如果没有设置,返回-1. 7.返回类型

  4. 078 Hbase中rowkey设计原则

    1.热点问题 在某一时间段,有大量的数据同时对一个region进行操作 2.原因 对rowkey的设计不合理 对rowkey的划分不合理 3.解决方式 rowkey是hbase的读写唯一标识 最大长度 ...

  5. Python3.X 安装Scrapy

    安装Scrapy有两种方法: 1.pip install Scrapy 这种方式按道理来说是最简洁最快速的,但是有的时候安装不成功,只能更换一种方式,下载源文件安装的方式,详见下面一步. 2.下载文件 ...

  6. pandas学习(创建多层索引、数据重塑与轴向旋转)

    pandas学习(创建多层索引.数据重塑与轴向旋转) 目录 创建多层索引 数据重塑与轴向旋转 创建多层索引 隐式构造 Series 最常见的方法是给DataFrame构造函数的index参数传递两个或 ...

  7. python爬虫之反爬虫（随机user-agent，获取代理ip，检测代理ip可用性）

    python爬虫之反爬虫(随机user-agent,获取代理ip,检测代理ip可用性) 目录 随机User-Agent 获取代理ip 检测代理ip可用性 随机User-Agent fake_usera ...

  8. 【RAY TRACING THE REST OF YOUR LIFE 超详解】 光线追踪 3-4 基于重要性采样的材质初探

     Preface 我们今天来把第三本书从开局到现在讲的一大堆理论运用到我们的框架中,那么今天我们首先将原始的材质改为基于重要性采样原理的材质 这一篇是代码工程中进行MC理论应用的初步尝试篇  Read ...

  9. [代码审计]某租车系统JAVA代码审计[前台sql注入]

    0x00 前言 艰难徘徊这么久,终于迈出第一步,畏畏缩缩是阻碍大多数人前进的绊脚石,共勉. 系统是租车系统,这个系统是Adog师傅之前发在freebuf(http://www.freebuf.com/ ...

  10. shell seq 用法

    seq [OPTION]... LASTseq [OPTION]... FIRST LASTseq [OPTION]... FIRST INCREMENT LAST seq 1000   ‘起始默认是 ...