dwr

最新推荐文章于 2019-04-29 11:37:04 发布
最新推荐文章于 2019-04-29 11:37:04 发布
阅读量625 收藏
点赞数
分类专栏： Javascript

web、JS技术学习 https://www.itkc8.com

 

DWR3.0 dwr 返回值(数组,集合,Map)

示例代码如下：

 

首先导入项目所需要的包，如下：dwr.jar，commons-logging-1.0.4.jar，版本可以调整；

 

1.web.xml

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4"

xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee  http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

 

<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>

   <load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

   <servlet-name>dwr-invoker</servlet-name>

   <url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

 

</web-app>

 

2.DWRTest.java

package com.micro;

 

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

 

@SuppressWarnings("unchecked")

public class DWRTest {

 

/**

   * 第一个简单调用

   */

public String getStr() {

    return "第一个dwr示例，调用成功";

}

 

/**

   * 带传递参数的调用，返回String

   */

public String getInfo(String name, int age, String address) {

    return "我的名字叫" + name + ",现年" + age + "岁," + "来自" + address;

}

 

/**

   * 返回数组Array

   */

public String[] getStrArray() {

    return new String[] { "one", "two", "three", "go!" };

}

 

/**

   * 返回集合List

   */

public List getList() {

    List list = new ArrayList();

    list.add("welcome");

    list.add("to");

    list.add("BeiJing");

    return list;

}

 

/**

   * 返回Map类型

   */

public Map getMap() {

    Map map = new HashMap();

    map.put("name", "周星星");

    map.put("hobby", "逃课");

    return map;

}

 

/**

   * 返回二维数组类型

   */

public List getArrayList() {

    List list = new ArrayList();

    list.add(new String[] { "1", "2", "3" });

    list.add(new String[] { "one", "two", "three", "four", "five" });

    return list;

}

 

/**

   * Exception处理

   */

public List getListTest(List list) {

    try {

      list.get(0);

    } catch (Exception e) {

      throw new NullPointerException("数据位空");

    }

    return list;

}

 

}

 

3.dwr.xml

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE dwr PUBLIC

    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"

    "http://getahead.org/dwr/dwr20.dtd">

 

<dwr>

<allow>

   <!-- 调用不同的方法，返回不同的数据类型 -->

   <create javascript="dwr" creator="new">

    <param name="class" value="com.micro.DWRTest" />

   </create>

 

   <!-- 类型转换为JavaBean的处理 -->

   <create javascript="dwrBean" creator="new" scope="request">

    <param name="class" value="com.micro.UserRs" />

   </create>

   <convert match="com.micro.User" converter="bean">

    <param name="include" value="name,pass" />

   </convert>

 

   <!-- 异常Exception的处理 ,默认情况下dwr对异常的处理就是一个弹出框提示为Error-->

   <create javascript="dwrException" creator="new">

    <param name="class" value="com.micro.DWRTest" />

   </create>

   <convert match="java.lang.NullPointerException" converter="exception" />

 

</allow>

 

</dwr>

 

4.mydwr.js

/**

* 无参数

*/

function invoke1(){

dwr.getStr(

   function(value){

    alert(value);

   }

);

}

 

/**

* 有参数

*/

function invoke2(){

dwr.getInfo("长江七号",3,"火星",

   function(value){

    alert(value);

   }

);

}

 

/**

* 返回数组

*/

function invoke3(){

dwr.getStrArray(

   function(array){

    var str="";

    for(var i=0;i<array.length;i++){

     str += array[i]+" ";

    }

    alert(str);

   }

);

}

 

/**

* 返回集合（集合和数组的处理方式一样）

*/

function invoke4(){

dwr.getList(

   function(list){

    var str="";

    for(var i=0;i<list.length;i++){

     str += list[i];

    }

    alert(str);

   }

);

}

/**

* 返回Map

*/

function invoke5(){

dwr.getMap(

 

//有如下两种处理方式

   /*1)已知map的key*/

   function(map){

    alert("姓名:"+map.name+",爱好:"+map.hobby);

   }

   /*2).遍历的方式

    function(map){

    for(var key in map){

     alert(key+":"+map[key]);

    }

   }*/

);

}

 

/**

* 返回数组的集合(二维数组)

*/

function invoke6(){

dwr.getArrayList(

   function(arrayList){

    var str="";

    for(var i=0;i<arrayList.length;i++){

     for(var j=0;j<arrayList[i].length;j++){

      str += arrayList[i][j];

     }

     str+="\n\r";

    }

    alert(str);

   }

);

}

 

/**

* 同步设置

*/

function invoke7(){

dwr.engine.setAsync(false);//设置同步，那么后续的方法才能按照顺序执行

invoke1();

invoke2();

}

 

/**

* 批处理batch（按照先后顺序执行）

*/

function invoke8(){

dwr.engine.beginBatch();

invoke1();

invoke2();

dwr.engine.endBatch();

}

 

5.index.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/engine.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/util.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/interface/dwr.js'></script>

   <script type="text/javascript" src="http://yangchao20020.blog.163.com/blog/mydwr.js"></script>

</head>

 

<body>

   <input type="button" value="DRW1" onclick="invoke1()" />

   <br />

   <input type="button" value="DRW2" onclick="invoke2()" />

   <br />

   <input type="button" value="DRW3" onclick="invoke3()" />

   <br />

   <input type="button" value="DRW4" onclick="invoke4()" />

   <br />

   <input type="button" value="DRW5" onclick="invoke5()" />

   <br />

   <input type="button" value="DRW6" onclick="invoke6()" />

   <br />

   <input type="button" value="DRW7" onclick="invoke7()" />

   <br />

   <input type="button" value="批处理测试" onclick="invoke8()" />

</body>

</html>

 

上述，index.jsp页面就对上述各种dwr的返回类型和批处理(batch)做了处理，做了简单的测试，Ok，测试通过，下面再介绍几个页面，

对dwr其他功能的一些简单测试：

 

6.异常处理：exception.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/engine.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/util.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/interface/dwrException.js'></script>

   <script type="text/javascript" src="http://yangchao20020.blog.163.com/blog/mydwr.js"></script>

   

   <script type="text/javascript">

    function convert(){

     var list;

     dwrException.getListTest(list,

      {

       exceptionHandler:function(msg){

        alert(msg);

       },

       callback:function(data){

        alert(data);

       }

      }

     );

    }

    

   </script>

</head>

 

<body>

   <input type="button" value="异常测试" onclick="convert()"/>

</body>

</html>

 

7.dwr.util.getValue()调用，dwrfunc.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/engine.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/util.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/interface/dwr.js'></script>

   <script type="text/javascript" src="http://yangchao20020.blog.163.com/blog/mydwr.js"></script>

</head>

 

<body>

   <input type="text" name="name" id="nameid" />

   <br/>

   <input type="button" value="EL通过id取值" onclick="alert(${'nameid'}.value)" />

   <br />

   

   //如果要是有dwr.util提供的功能，必须引入dwr/util.js文件,dwr3之后，有写函数内写name或id都可以

   <br/>

   <input type="button" value="dwr.util通过id" onclick="alert($('nameid').value)" />

   <br />

   <input type="button" value="dwr.util通过name" onclick="alert($('name').value)" />

   <br />

   <input type="button" value="dwr.util通过name/id" onclick="alert(dwr.util.getValue('name'))" />

   <br />

 

</body>

</html>

 

8.对JavaBean的传递和返回

User.java:

package com.micro;

 

public class User {

 

private String name;;

private String pass;

 

//get/set方法....

}

 

UserRs.java:

package com.micro;

 

public class UserRs {

 

public User convertUser(User user) {

    user.setName("admin");

    user.setPass("123456");

    return user;

}

}

bean.jsp:

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/engine.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/util.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/interface/dwrBean.js'></script>

   <script type="text/javascript" src="http://yangchao20020.blog.163.com/blog/mydwr.js"></script>

   

   <script type="text/javascript">

    function convert(){

     var uname = $("name").value;

     var upass = $("pass").value;

     var obj = {name:uname,pass:upass};

     

     dwrBean.convertUser(obj,function(data){

      $("uname").value = data.name;

      $("upass").value = data.pass;

     });

    }

    

   </script>

</head>

 

<body>

   <input type="text" name="name" id="uname" value="you name"/><br/>

   <input type="text" name="pass" id="upass" value="your password"/><br/>

   <input type="button" value="测试处理" onclick="convert()"/>

</body>

</html>

 

这些，只是对dwr的简单应用，其中的配置都在dwr.xml中，大家可以举一反三，通常情况下，dwr和spring要结合使用，下面给出一个简单的配置说明：

比如：

<!-- 验证登陆名是否存在 -->

<create creator="spring" javascript="loginServiceDWR" scope="request">

   <param name="beanName" value="coreLoginService" />

   <include method="checkLogin" />

</create>

其中，creator="spring"，表明由spring来创建该对象，javascript="loginServiceDWR"，说明客户端的调用名称叫"loginServiceDWR"，<param name="beanName" value="coreLoginService" />指明了spring配置文件中，id为"coreLoginService"的这么一个bean，<include method="checkLogin" />，对外公开的方法是"checkLogin" ，调用过程同上述其他类型调用相同，不同就是配置而已。上述代码，仅供参考。

 

注意：引入dwr的js文件的顺序不能错了，如：

 

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/engine.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/util.js'></script>

   <script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/dwr/interface/dwrBean.js'></script>

 

先引入dwr自身的，再引入自己的。

 

web、JS技术学习 https://www.itkc8.com

最是那一低头的温柔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dwr视频教程
08-24
Direct Web Remoting (DWR) 是一个开源Java库，它允许JavaScript在Web浏览器中与服务器端的Java对象进行交互，从而实现动态、实时的Web应用。这个“dwr视频教程1”很可能是一系列教程中的第一部分，旨在帮助学习者...
dwr spring集成
千里之行始于足下
07-14 234
最近用dwr做了个登陆验证的例子，可真是几经波折呀（程序很简单）。 先贴个dwr的小例子：   dwr要验证的java方法(该方法返回值是ajax中回调函数的参数) public String login(String name, String pwd){  System.out.println(name+pwd);   if(null==name || "".equals(...
dwr的使用和ajax的标签使用
我是谁的专栏
11-10 2572
非常详细介绍了DWR和ajax标签的使用。及真实配置 分为两个部分：dwr的原理和应用/真实环境使用（在文章的最后面）。基本上适合所有人查阅 DWR的作用:DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码，就像在Java代码就在浏览器中一样。 在使用dwr前,先介绍下我们远程调用的方法,以方便下文
Dwr配置文件详解
一只展翅的小鸟
05-03 227
3)． scripted: 通过BSF使用脚本语言创建对象，例如BeanShell或Groovydwr.xml是你用来配置DWR的文件，默认是将其放入WEB-INF文件夹。 对于dwr.xml 配置文件中的各个标签有的是必须会的 有的了解一下就可以 dwr.xml有如下的结构： &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;!DOCTY...
DWR 学习及深入
htofly的专栏
03-06 2579
1         概述 1.1     AJAX概念 Ajax是现在Web开发者中的术语。我们可以从很多角度来解释这个术语。但是之所以形成了一个术语，是因为它能把用户看到的新东西包括起来。 对于web用户来说得到的全新的功能是可以"页面局部替换" - 可以根据服务器上的数据来更新页面上的一部分内容，而不比刷新整个页面。这种功能在IE和Mozilla上已经存在一段时间了，但是Safari和K
DWR入门demo
08-29
DWR（Direct Web Remoting）是一种Java库，用于在Web应用程序中实现JavaScript和服务器端Java对象之间的双向通信。它使得动态、实时的Web应用成为可能，允许开发者在客户端JavaScript代码中直接调用服务器上的Java...
DWR.rar_dwr
09-24
Direct Web Remoting (DWR) 是一个开源Java库，它允许Web应用程序在客户端浏览器和服务器端之间进行实时的、安全的、动态的通信。DWR简化了Ajax（Asynchronous JavaScript and XML）应用的开发，使得JavaScript可以...
dwr.rar_dwr
09-22
DWR（Direct Web Remoting）是一个开源Java库，它允许Web应用程序在客户端JavaScript和服务器端Java之间进行直接的远程调用。这个“dwr.rar_dwr”文件很可能包含了一个DWR的实例，以及一个用于演示AJAX...
登陆验证的东西
成长全记录
09-27 105
dwr.xml配置: &lt;create creator="new" javascript="ListUtil"&gt;        &lt;param name="class" value="com.csc.callcenter.util.ListUtil"/&gt;    create&gt;     页面调用: 1.JS引入:
IDEA使用DWR框架实现登录功能
吟游诗人——吟唱生命的不朽
06-15 1438
近来做项目需要用到SSH框架，我就顺便用了下DWR来做登录和注册了，下面就讲述如何制作登录功能。 众所周知，DWR框架是基于ajax的异步框架，通过其可以在js代码里直接对java方法进行操作，其底层肯定是借用了ajax的异步的，但是其也不可能真的能够在js里调用java方法，不过是利用java的一些反射机制罢了，不过必须得承认其做的非常好。 下面也不说废话了，直接上手吧。 首先申明，我的项...
11dwr - dwr.xml配置（allow标签-Creator属性）
阿甘兄
04-29 687
allow 部分定义了 DWR 能够创建和转换的类。
木其工作室代写程序 [原]Dwr 实例教程
weixin_33770878的博客
08-09 2340
淘宝网上专业IT程序代写 原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本人声明。否则将追究法律责任。 作者：永恒の_☆ 地址：http://blog.csdn.net/chenghui0317/article/details/9842873 一、Dwr的介绍 Dwr 简称 Direct Web Remoti...
Toon Effects Maker URP - Anime Cartoon FX 0.5
08-12
Toon Effects Maker URP是一个完整的框架，允许在Unity中轻松创造性地组合新效果。该系统与Shuriken和URP管道中的所有Unity平台兼容。 多种高级工具允许从任何动画项目创建精灵表、运动记录和回放、高级光环效果和动态控制、粒子之间轻松交换单个属性或继承200多种效果库等等。 还包括一个完整的Toon Ocean系统，可以轻松创建令人惊叹的动态海洋或水、冰或熔岩。 Asset支持URP管道。该资产已在Unity 2021.3 LTS、Windows和DX11中开发和测试。尚未在VR、移动设备、游戏机、WebGL、Linux中进行测试。
Spring Boot生鲜超市管理的设计与实现.zip
08-12
Spring Boot生鲜超市管理的设计与实现.zip
J4025整机驱动包wiondows10 64位2.zip
08-12
J4025整机驱动包wiondows10 64位2 山寨笔记本声卡驱动,没有声音通杀解决,没有触摸解决,suxi笔记本声音解决
毕业设计php图书借阅系统-qkrp源码含文档工具包
最新发布
08-12
毕业设计php图书借阅系统-qkrp源码含文档工具包 php，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 图书分类管理 添加分类管理分类 图书管理 添加图书管理图书 会员管理 添加会员管理会员 借书管理 借书列表 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程（在说明文档中）
DWR集成与配置指南
"这篇教程介绍了DWR(Direct Web Remoting)的基础知识，旨在帮助初学者入门。DWR是一种Java技术，允许在客户端JavaScript和服务器端Java之间进行实时、异步的通信，简化Web应用程序的开发。教程建议通过以下三个步骤...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值