DWR是开源框架，类似于hibernate。借助于DWR，开发人员无需具备专业的JavaScript知识就可以轻松实现Ajax，是Ajax更平民化。

  1. 添加jar包   dwr.jar   commons-logging-1.1.3.jar  Struts框架中有log包
  2. 修改项目的web.xml,添加Servlet映射 
     <?xml version="1.0" encoding="UTF-8"?>
    
 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
    
   <display-name>AjaxDwr</display-name>
    
   <welcome-file-list>
    
     <welcome-file>index.jsp</welcome-file>
    
   </welcome-file-list>
    
   <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>
    
       <!-- 添加crossDomainSessionSecurity参数 -->
    
       <init-param>
    
           <param-name>crossDomainSessionSecurity</param-name>
    
           <param-value>false</param-value>
    
       </init-param>
    
   </servlet>
    
   <servlet-mapping>
    
       <!-- 以/dwr/起始的全部URL所指向的请求都交给org.directwebremoting.servlet.DwrServlet 来处理 -->
    
       <servlet-name>dwr-invoker</servlet-name>
    
      <url-pattern>/dwr/*</url-pattern>
    
   </servlet-mapping>
    
 </web-app>
  3. 创建dwr.xml文件　　 在项目的web-inf 文件夹下创建 
     <?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>
    
     <!-- 配置文件定义哪个java类,可以被DWR应用创建并通过JavaScript调用，
    
         这里为java.util.Date,并给这个类赋予一个javascript名称 AjaxDate
    
         通过修改dwr.xml也可以将自定义的java类公开给JavaScript远程调用
    
     -->
    
     <!-- creator属性时必须的，他指定了使用哪种创造器，
    
             new ：最常用，他代表将使用java类默认的无参构造方法创建类的实例对象
    
             scripted ：使用脚本语言来创建java类对象
    
             Spring ： 使用spring框架的bean来创建对象
    
      -->
    
     <create creator="new" javascript="AjaxDate">
    
         <param name="class" value="java.util.Date"/>
    
         <!--  可以选择将类的方法公开给javascript调用 -->
    
         <include method="toString"/>
    
     </create>
    
     </allow>
    
 </dwr>
  4. 使用JavaScript远程调用Java类方法 
     <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
 <html>
    
   <head>
    
     <title>DWR 应用</title>

     <script language="javascript" src="dwr/interface/AjaxDate.js"></script>
    
     <script language="javascript" src="dwr/engine.js"></script>
    
     <script language="javascript" src="dwr/util.js"></script>
    
     <script language="javascript">
    
         function doTest(){
    
         AjaxDate.toString(load);
    
         }
    
         function load(data){
    
         window.alert("现在时间是："+data);
    
         }
    
     </script>
    
   </head>
    
   <body>
    
    <input type="button" value="查询现在时间" onclick="doTest()">
    
   </body>
    
 </html>

Ajax 之 DWR的更多相关文章

  1. atitit.ajax bp dwr 3.的注解方式配置使用流程总结 VO9o.....

    atitit.ajax bp dwr 3.的注解方式配置使用流程总结 VO9o..... 1. 安装配置 1 1.1. 下载  dwr.jar 1M 1 1.2. 配置注解方式..web.xml 1 ...

  2. atitit.ajax bp dwr 3.的注解方式配置使用流程总结.....

    atitit.ajax bp dwr 3.的注解方式配置使用流程总结..... 1. 下载  dwr.jar 1M 1 2. 配置注解方式..web.xml 1 3. Class 配置 2 4. 测试 ...

  3. atitit.ajax bp dwr 3.该票据安排使用的流量汇总 VO9o.....

    atitit.ajax bp dwr 3.该票据安排使用的流量汇总 VO9o..... 1. 安装配置 1 1.1. 下载  dwr.jar 1M 1 1.2. 配置注解方式..web.xml 1 2 ...

  4. Ajax框架,DWR介绍，应用，样例

    使用Ajax框架 1. 简化JavaScript的开发难度 2. 解决浏览器的兼容性问题 3. 简化开发流程 经常使用Ajax框架 Prototype 一个纯粹的JavaScript函数库,对Ajax ...

  5. Ajax框架,DWR介绍，应用，例子

    使用Ajax框架 1. 简化JavaScript的开发难度 2. 解决浏览器的兼容性问题 3. 简化开发流程 常用Ajax框架 Prototype 一个纯粹的JavaScript函数库,对Ajax提供 ...

  6. Ajax框架---dwr的用法

    通常使用Ajax时用的都是jQuery框架,现在公司的框架里用的都是dwr.我觉得dwr和jQuery中的ajax用法差不多,看起来也很像. 一.简介 百度百科上对dwr的描述: DWR采取了一个类似 ...

  7. 【DWR系列02】-DWR逆向Ajax即服务器推送

    .literal { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 1px 3px 0; white-space: no ...

  8. DWR第三篇之逆向Ajax升级

    1. 本示例在第二篇架构基础上添加代码 2.在client.jsp开头的地方添加如下代码: 本示例需要做的是定向推送,那么就需要浏览器进行登录,从而进行定向的推送功能,为了节省时间,这里不做登录模块了 ...

  9. DWR第二篇之逆向Ajax

    1. 本示例在第一篇架构基础上添加代码 2. 首先修改web.xml里dwr的servlet配置: <!-- 配置dwr请求的servlet --> <servlet> < ...

随机推荐

  1. android网络图片自动轮播 githhub地址

    https://github.com/panxw/android-image-indicator

  2. 源码学习-String类

    最近在扫描CodeDex时报了一个不能使用String.intern()的字符串来做锁对象的告警,对这个问题有疑问查了些资料,顺便学习一下String类的源码. 1.类定义 String 被final ...

  3. Angular网络请求的封装

    很多时候,我很喜欢angular的编码风格,特别是angular支持typescript之后,完整的生命周期,完美的钩子函数,都是别的语言所无法替代的.这里我来说说我自己的网络请求封装,某种意义上来说 ...

  4. Redis 压缩存储的配置

    如题,redis是采用了ziplist 元素在不足一定数量时采用压缩存储 hash: zset: list: 如上图所示: ziplist-entries:最大元素数量(即存储了多少个元素) zipl ...

  5. Python之购物车

    Python之购物车 msg_list = [ ['iphone',8888], ['coffe',38], ['book',90], ['Tesla',100000], ['RR',10000000 ...

  6. LeetCode（53） Maximum Subarray

    题目 Find the contiguous subarray within an array (containing at least one number) which has the large ...

  7. PCB中贴片元器件的引脚规范（allegro）

    表贴的芯片一个引脚焊盘的宽度: 当芯片引脚间的间距>=26mil时,计算公式是(脚宽度+8mil) 当芯片引脚的间距<26mil时,计算公式是(引脚间距/2+1) 表贴的芯片一个引脚焊盘的 ...

  8. java生成6位随机数字

    //生成6位随机数字 System.out.println((int)((Math.random()*9+1)*100000)); //生成5位随机数字 System.out.println((int ...

  9. 华中农业大学第四届程序设计大赛网络同步赛-1020: Arithmetic Sequence，题挺好的，考思路；

    1020: Arithmetic Sequence Time Limit: 1 Sec  Memory Limit: 128 MB Submit:  ->打开链接<- Descriptio ...

  10. jQuery的观察者模式详解 转载

    jQuery的观察者模式详解 投稿:hebedich 本文主要是介绍了jQuery中on方法及trigger方法,以及围绕这个方法来体验的观察者模式,是篇非常不错的文章,对我们理解观察者模式很有帮助. ...