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. 浅谈FFT(快速博立叶变换)&学习笔记

    0XFF---FFT是啥? FFT是一种DFT的高效算法,称为快速傅立叶变换(fast Fourier transform),它根据离散傅氏变换的奇.偶.虚.实等 特性,对离散傅立叶变换的算法进行改进 ...

  2. 关于C/C++的一些思考（2）

    C++引入类机制的目的: 从语法上将数据和操作捆绑在一起: 从语法上消除变量和函数的名字冲突: 从语法上允许服务端设计者控制数据和函数的访问权限: 从工程上支持数据封装.信息隐藏.将责任推向服务端.减 ...

  3. nginx虚拟主机配置实践

    1.配置基于域名的虚拟主机 [root@web01 html]# egrep -v "#|^$" /application/nginx/conf/nginx.conf.defaul ...

  4. c++基础_特殊的数字

    #include <iostream> #include <math.h> using namespace std; int main(){ ;i<;i++){ ; )% ...

  5. Sax解析xml文档

    测试的xml数据: <?xml version="1.0" encoding="utf-8" ?> <note> <to>G ...

  6. CIFAR100与VGG13实战

    目录 CIFAR100 13 Layers cafar100_train CIFAR100 13 Layers cafar100_train import tensorflow as tf from ...

  7. Vue如何点亮多个tab选项简易方法

    我们平常遇到点击选择会遇到单选或多选,当你设计图是自定义的时候,第一反应就是引入UI插件吧.可是如果项目只用到插件的这一点点功能,我们引入了一个插件这就不太友好了.此时我们自己写这个小功能是很简单的, ...

  8. 九度oj 题目1190：大整数排序

    题目1190:大整数排序 时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:4142 解决:1867 题目描述: 对N个长度最长可达到1000的数进行排序. 输入: 输入第一行为一个整数N,( ...

  9. linux & chmod & 777

    linux & chmod & 777 https://github.com/xgqfrms-GitHub/Node-CLI-Tools/blob/master/bash-shell- ...

  10. HDU 2897 经典巴什博弈

    从n个石子中每次取p~q个,求先手能否获胜 可以先列举一部分数据,然后观察可得总是在p+q中循环,所以只要用n对p+q取模就好了 #include <cstdio> #include &l ...