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. 关于阻止Sublime Text更新弹窗提示

    使用Sublime Text有一段时间了,但每次重新打开都会弹出这家伙↑,很烦 网上查了查一些关闭弹窗的教程,大同小异,都说是打开Preferences --> Settings, 添加一行代码 ...

  2. [笔记] APIO 2018 Day1

    计算折纸 computaional origami 全息算法(???) margulis napkin problem 素数里有任意长的等差数列 xor gate Σxi or gate(exact ...

  3. [安装] mac安装PHP7经历

    背景 前几天在mac上跑workrman,由于workerman需要开启多个进程,多进程需要pcntl扩展的支持,我之前那个brew安装的php71没有这个扩展,就直接卸载了php71,然后想下载源码 ...

  4. Django中配置自定义日志系统

    将

  5. stark组件之处理函数动态url构造（五）

    在这个组件中有内置的4个处理函数,它们都有自己对应的url,那么它们的url是怎么构造的呢? ... urlpatterns = [ re_path('list/$', self.wrapper(se ...

  6. JavaScript - 如果...没有方法(xjl456852修改)

    本文是对下面这篇文章中存在的错误进行修改,并增加少量注释. 原文出处: JavaScript - 如果...没有方法 http://www.cnblogs.com/silin6/p/4367019.h ...

  7. POJ1013称硬币【枚举】

    Counterfeit Dollar Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 52474   Accepted: 16 ...

  8. About SQL Server 2016 CPT2

    SQL Server 2016 CTP2已经发布,可以从以下主页进行下载. http://www.microsoft.com/en-us/server-cloud/products/sql-serve ...

  9. 【IntelliJ】IntelliJ IDEA常用设置及快捷键以及自定义Live templates

    IntelliJ IDEA是一款非常优秀的JAVA编辑器,初学都可会对其中的一些做法感到很别扭,刚开始用的时候我也感到很不习惯,在参考了网上一些文章后在这里把我的一些经验写出来,希望初学者能快速适应它 ...

  10. Linux下汇编语言学习笔记24 ---

    这是17年暑假学习Linux汇编语言的笔记记录,参考书目为清华大学出版社 Jeff Duntemann著 梁晓辉译<汇编语言基于Linux环境>的书,喜欢看原版书的同学可以看<Ass ...