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. vue 改变插值方法

    Vue默认的插值是双大括号{{}}.但有时我们会有需求更改这个插值的形式. delimiters:['${','}']  //必须要用一个数组来接收,用逗号隔开.

  2. HNOI 2010 物品调度 并查集 置换

    题意: 题意有点细,暂不概括.请仔细审题. 分析: 我们先要把c生成出来. 记得颜神讲这道题,首先表明,这道题有两个问题需要处理. 第一个是要先定位,第二个是要求最小移动步数. 定位时对于每一个物品i ...

  3. javascript事件委托和jquery事件委托

    元旦过后,新年第一篇. 初衷:很多的面试都会涉及到事件委托,前前后后也看过好多博文,写的都很不错,写的各有千秋,自己思前想后,为了以后自己的查看,也同时为现在找工作的前端小伙伴提供一个看似更全方位的解 ...

  4. vuex相关(actions和mutation的异曲同工）

    vuex说明: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 包含的内容: state: ...

  5. JavaScript在HTML中的应用

    JavaScript在HTML中的应用 制作人:全心全意 在HTML文档中可以使用<script>...</script>标记将JavaScript脚本嵌入到其中,在HTML文 ...

  6. 详细了解为什么支持Postman Chrome应用程序已被弃用？

    本地postman chrome插件确实也无法正常使用,只有Postman官方自己的软件应用程序可以使用.笔者多少追溯终于知道原因,并紧急上线了不同操作系统版本的Postman应用程序. 为什么近期P ...

  7. 多.h项目出现的问题：使用了预编译头依然出现error LNK2005:***obj已在***obj中定义与c++ error C2011: “xxx”:“class”类型重定义解决办法

    使用了预编译头依然出现error LNK2005:***obj已在***obj中定义 造成该问题的可能性比较多,本人将在今后遇到时添加进来,今天先放出本人遇到的一种情况. 多重包含含有变量定义的.h文 ...

  8. LeetCode 167. Two Sum II – Input array is sorted

    Given an array of integers that is already sorted in ascending order, find two numbers such that the ...

  9. CUDA_one

    首先我看了讲解CUDA基础部分以后,大致对CUDA的基本了解如下: 第一:CUDA实行并行化的过程分为两部分,一个是线程块之间的并行(这是在每个线程网格中grid进行的),一个是对于每一个线程块内部各 ...

  10. iPhone安装ipa的方法（iTunes，PP助手）

    1,通过iTunes: 将手机与电脑通过数据线连接,打开电脑中的iTunes,将ipa文件添加到资料库(ipa文件是iTunes能够识别的文件),方式如下图,然后安装,同步即可. 2,通过PP助手: ...