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

一:基本步骤:
    1.为工程添加jar包:dwr.jar   common-logging.jar
    如果本工程使用struts,则struts内置了common-logging.jar,不需要重复引入
    2.web.xml部分,添加dwr的servlet配置
        <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>
        </servlet>
        <servlet-mapping>
            <servlet-name>dwr-invoker</servlet-name>
            <url-pattern>/dwr/*</url-pattern>
        </servlet-mapping>
        注意:
            <init-param>
                <param-name>debug</param-name>
                <param-value>true</param-value>
            </init-param>
            该配置项是开启dwr控制台的开关,如果该项为false,则dwr控制台失效.
    3.在/WEB-INF下建立dwr.xml
        <?xml version="1.0" encoding="UTF-8"?>
        <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.ltd.uk/dwr/dwr20.dtd">
        <dwr>
            <allow>
                <create creator="new" javascript="test">
                    <param name="class" value="test.TestDao" />
                </create>
                <!-- 如果需要实体类,则需要配置为如下  match:类路径 converter="bean":固定参数 -->
                <convert match="bean.*" converter="bean"></convert>
            </allow>
        </dwr>
        注意:creator="new" 代表本类的创建方式
        javascript="test" 代表本类在javascript中的名称
        name="class" 代表把某个类配置到dwr中 value="":代表类路径
    4.建立相关的类:
        package test;
        public class TestDao {
            public void hello(){
                System.out.println("Hello JavaScript . . .");
            }
            public void sayHello(String name){
                System.out.println("Hello " + name);
            }
            public int add(int a , int b){
                return a+b;
            }
        }
    5.把工程部署到tomcat中,通过下列地址测试dwr环境是否完成:
        http://ip:port/appName/dwr
        如果看到控制台,点击进入,测试方法是否可以正常运行
    6.在需要调用dwr相关资源的页面中,按照控制台的提示cope资源:
        <script type='text/javascript' src='${pageContext.request.contextPath }/dwr/interface/test.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath }/dwr/engine.js'></script>
    7.调用dwr资源的脚本写法:
        dwr名称.方法名称(参数... ,{
            callback:function(返回值){
                处理返回的逻辑块
            }
        })
        例如:
            test.hello();
            test.sayHello("诡异小孩");
            test.add(10,10,{
                    callback:function(data){
                        alert(data);
                    }
                });
            test.add(10,10,callback);
            function callback(data){
                alert(data);
            }

二:基本应用:
    返回数据解析:
        1.简单对象:
            test.getTest({
                callback:function(data){
                        alert(data.id+":"+data.name+":"+data.age+":"+data.sex+":"+data.birthday);
                }
            });
        2.简单列表:
            test.queryForList({
                callback:function(data){
                    for(var i=0;i<data.length;i++){
                        alert(data[i]);
                    }
                }
            });
        3.对象列表:
        test.queryAll({
            callback:function(data){
                for(var i=0;i<data.length;i++){
                    alert(data[i].id+":"+data[i].name+":"+data[i].age+":"+data[i].sex+":"+data[i].birthday);
                }
            }
        });
        4.向后台传对象:
            var myObject={'id':108,'name':'小

白','age':24,'sex':'女','birthday':'1989-11-01'};
            test.setObject(myObject);
           
    参数解析:
        preHook:交互结束之前执行
        callback:交互结束之后返回
        postHook:在返回结束之后执行
        timeout:设置响应超时时间
        errorHandler:设置异常捕获
        test.query({
                    callback:function(data){alert("处理返回"+data);},
                    preHook:function(){alert("返回之前...");},
                    timeout:4000,
                    errorHandler:function(msg){alert("如果响应时间超过timeout的值,则服务器超时...");}
                });

dwr使用步骤的更多相关文章

  1. DWR入门教程

    DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给 ...

  2. DWR入门的例子(一个)

    DWR(Direct Web Remoting)是WEB远程调用框架.使用这种框架使AJAX发展至今已成为非常easy.使用DWR能client利用JavaScript直接调用服务端的Java方法并返 ...

  3. DWR组件——基于远程过程调用实现Ajax

    转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/6686115.html  一:DWR的用途 DWR(Direct Web Remoting)是一个Web远程调用 ...

  4. [JavaEE] DWR入门教程

    DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给 ...

  5. DWR实现扫一扫登录功能

    前言 <DWR实现后台推送消息到Web页面>一文中已对DWR作了简介,并列出了集成步骤.本文中再一次使用到DWR,用以实现扫一扫登录功能. 业务场景 web端首页点击"登陆&qu ...

  6. 基于注解的DWR使用

    dwr3.0支持使用注解,如果不喜欢配置dwr.xml文件,注解是个不错的方法,简单快捷. 步骤如下: 1.配置web.xml文件,需要在DwrServlet里加classes初始化参数: <i ...

  7. 有关dwr推送的笔记

    想做一个web推送相关的东东,昨天搞了一天,终于把这些杂乱的配制弄清了,今天写出来方便以后记住,也方便大家看一下吧 1:引入dwr包,我用的是maven <dependency> < ...

  8. DWR基本配置

    DWR——Direct Web Remoter Servlet 供给那些想要以一种简单的方式使用Ajax和XMLHttpRequest的开发者.它具有一套JavaScript功能集,它们把从HTML页 ...

  9. 采用DWR、maven保存数据到数据库

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

随机推荐

  1. Squid代理之透明代理

    二.透明代理 1.检测squid是否安装

  2. hbm2ddl

    hbm2ddl工具位于Hibernate核心软件包中,而hbm2java工具位于Hibernate工具包中,因此需要下载Hibernate工具包,文件形式为HibernateTools-X.zip. ...

  3. Android无限循环轮播广告位Banner

     Android无限循环轮播广告位Banner 现在一些app通常会在头部放一个广告位,底部放置一行小圆圈指示器,指示广告位当前的页码,轮播展示一些图片,这些图片来自于网络.这个广告位banner ...

  4. 关于HttpWebRequest.KeepAlive

    于HTTP服务器每个客户端2个连接的限制这两天猫在家里搞一个多线程的断点续传得C#程序,发现同时只能开2个线程下载,其他的线程一律要等待,这样就导致下载大文件时其他线程经常超时,郁闷好久.今天回公司无 ...

  5. git回滚

    Git回滚的常用手法 07net01.com 发布于 4小时前 评论 传统VCS的回滚操作 对于版本控制系统VCS来说,回滚这个操作应该是个很普通也是很重要的需求. 如果你是传统VCS,比如SVN或者 ...

  6. Extjs学习笔记(-):ComboBox联动

    http://www.cnblogs.com/wumin97136/archive/2007/12/24/1012720.html http://examples.ext.net/ http://ex ...

  7. magento日常使用

    magento order number长度(修改)设置 2013年3月15日星期五 Asia/Shanghai上午10时22分02秒 1-进入要修改的该网站的数据库:2-找到表名:eav_entit ...

  8. 用lucene4.10.2分词器进行分词

    import java.util.Iterator; import java.util.LinkedList; import java.util.List; import org.apache.luc ...

  9. Java 简介

    前言 本文大致介绍 Java 语言 什么是 Java 语言? Java 不仅仅是一门语言,Java 是一个完整的平台,有一个庞大的库,其中包含很多可重用的代码和一个提供诸如安全性,跨操作系统的可移植性 ...

  10. 让Grub 2来拯救你的 bootloader

    没有什么事情比 bootloader 坏掉更气人的了,充分发挥 Grub 2 的作用,让 bootloader 安分工作吧.为什么这么说? Grub 2 是最受欢迎的 bootloader ,几乎用在 ...