`

DWR使用方法

    博客分类:
  • java
dwr 
阅读更多

1.1、dwr.xml的配置

 

 <dwr> 

  <allow> 

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

  <include method="testMethod1"/> 

  </create> 

  </allow> 

   </dwr>

  <allow>标签中包括可以暴露给javascript访问的东西。

  <create>标签中指定javascript中可以访问的java类,并定义DWR应当如何获得要进行远程的类的实例。creator="new"属性指定java类实例的生成方式,new意味着DWR应当调用类的默认构造函数来获得实例,其他的还有spring方式,通过与IOC容器Spring进行集成来获得实例等等。javascript=" testClass "属性指定javascript代码访问对象时使用的名称。

  标签指定要公开给javascript的java类名。

  <include>标签指定要公开给javascript的方法。不指定的话就公开所有方法。

  <exclude>标签指定要防止被访问的方法。

  1.2、javascript中调用

  首先,引入javascript脚本

<script src='/[WEB-APP]/dwr/interface/ testClass.js'></script> 

  <script src='/[WEB-APP]/dwr/engine.js'></script> 

  <script src='/[WEB-APP]/dwr/util.js'></script> 

   

  其中TestClass.js是dwr根据配置文件自动生成的,engine.js和util.js是dwr自带的脚本文件

 

  其次,编写调用java方法的javascript函数

Function callTestMethod1(){ 

  testClass.testMethod1(); 

  } 

   

  2、调用有简单返回值的java方法

 

  2.1、dwr.xml的配置

  配置同1.1

 <dwr> 

  <allow> 

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

  <include method="testMethod2"/> 

  </create> 

  </allow> 

  </dwr> 

  

  2.2、javascript中调用

 

  首先,引入javascript脚本

  其次,编写调用java方法的javascript函数和接收返回值的回调函数

Function callTestMethod2(){ 

  testClass.testMethod2(callBackFortestMethod2); 

  } 

  Function callBackFortestMethod2(data){ 

  //其中data接收方法的返回值 

  //可以在这里对返回值进行处理和显示等等 

  alert("the return value is " + data); 

  } 

   

  其中callBackFortestMethod2是接收返回值的回调函数

 

  3、调用有简单参数的java方法

  3.1、dwr.xml的配置

  配置同1.1

<dwr> 

  <allow> 

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

  <include method="testMethod3"/> 

  </create> 

  </allow> 

  </dwr> 

   

  3.2、javascript中调用

 

  首先,引入javascript脚本

  其次,编写调用java方法的javascript函数

Function callTestMethod3(){ 

  //定义要传到java方法中的参数 

  var data; 

  //构造参数 

  data = “test String”; 

  testClass.testMethod3(data); 

  } 

   

  4、调用返回JavaBean的java方法

 

  4.1、dwr.xml的配置

<dwr> 

  <allow> 

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

  <include method="testMethod4"/> 

  </create> 

  <convert converter="bean" match=""com.dwr.TestBean"> 

  </convert> 

  </allow> 

  </dwr> 

   

  <creator>标签负责公开用于Web远程的类和类的方法,<convertor>标签则负责这些方法的参数和返回类型。convert元素的作用是告诉DWR在服务器端Java 对象表示和序列化的JavaScript之间如何转换数据类型。DWR自动地在Java和JavaScript表示之间调整简单数据类型。这些类型包括Java原生类型和它们各自的封装类表示,还有String、Date、数组和集合类型。DWR也能把JavaBean转换成JavaScript 表示,但是出于安全性的原因,要求显式的配置,<convertor>标签就是完成此功能的。converter="bean"属性指定转换的方式采用JavaBean命名规范,match=""com.dwr.TestBean"属性指定要转换的javabean名称,标签指定要转换的JavaBean属性。

 

  4.2、javascript中调用

  首先,引入javascript脚本

  其次,编写调用java方法的javascript函数和接收返回值的回调函数

 Function callTestMethod4(){ 

  testClass.testMethod4(callBackFortestMethod4); 

  } 

  Function callBackFortestMethod4(data){ 

  //其中data接收方法的返回值 

  //对于JavaBean返回值,有两种方式处理 

  //不知道属性名称时,使用如下方法 

  for(var property in data){ 

  alert("property:"+property); 

  alert(property+":"+data[property]); 

  } 

  //知道属性名称时,使用如下方法 

  alert(data.username); 

  alert(data.password); 

  } 

  

  其中callBackFortestMethod4是接收返回值的回调函数

 

  5、调用有JavaBean参数的java方法

  5.1、dwr.xml的配置

  配置同4.1

 <dwr> 

  <allow> 

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

  <include method="testMethod5"/> 

  </create> 

  <convert converter="bean" match="com.dwr.TestBean"> 

  </convert> 

  </allow> 

  </dwr> 

  

  5.2、javascript中调用

 

  首先,引入javascript脚本

  其次,编写调用java方法的javascript函数

Function callTestMethod5(){ 

  //定义要传到java方法中的参数 

  var data; 

  //构造参数,data实际上是一个object 

  data = { username:"user", password:"password" } 

  testClass.testMethod5(data); 

  } 

   

  6、调用返回List、Set或者Map的java方法

 

  6.1、dwr.xml的配置

  配置同4.1

<dwr> 

  <allow> 

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

  <include method="testMethod6"/> 

  </create> 

  <convert converter="bean" match="com.dwr.TestBean"> 

  </convert> 

  </allow> 

  </dwr> 

   

  注意:如果List、Set或者Map中的元素均为简单类型(包括其封装类)或String、Date、数组和集合类型,则不需要<convert>标签。

 

  6.2、javascript中调用(以返回List为例,List的元素为TestBean)

  首先,引入javascript脚本

  其次,编写调用java方法的javascript函数和接收返回值的回调函数

Function callTestMethod6(){ 

  testClass.testMethod6(callBackFortestMethod6); 

  } 

  Function callBackFortestMethod6(data){ 

  //其中data接收方法的返回值 

  //对于JavaBean返回值,有两种方式处理 

  //不知道属性名称时,使用如下方法 

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

  for(var property in data[i]){ 

  alert("property:"+property); 

  alert(property+":"+data[i][property]); 

  } 

  } 

  //知道属性名称时,使用如下方法 

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

  alert(data[i].username); 

  alert(data[i].password); 

  } 

  } 

   

  7、调用有List、Set或者Map参数的java方法

 

  7.1、dwr.xml的配置

 

 <dwr> 

  <allow> 

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

  <include method="testMethod7"/> 

  </create> 

  <convert converter="bean" match="com.dwr.TestBean"> 

  </convert> 

  </allow> 

  <signatures> 

  <![CDATA[ 

  import java.util.List; 

  import com.dwr.TestClass; 

  import com.dwr.TestBean; 

  TestClass.testMethod7(List<TestBean>); 

  ]]> 

  </signatures> 

  </dwr> 

 

  <signatures>标签是用来声明java方法中List、Set或者Map参数所包含的确切类,以便java代码作出判断。

 

  7.2、javascript中调用(以返回List为例,List的元素为TestBean)

  首先,引入javascript脚本

  其次,编写调用java方法的javascript函数

Function callTestMethod7(){ 

  //定义要传到java方法中的参数 

  var data; 

  //构造参数,data实际上是一个object数组,即数组的每个元素均为object 

  data = [ 

  { 

  username:"user1", 

  password:"password2" 

  }, 

  { 

  username:"user2", 

  password:" password2" 

  } 

  ]; 

  testClass.testMethod7(data); 

  } 

     注意:

  1、对于第6种情况,如果java方法的返回值为Map,则在接收该返回值的javascript回调函数中如下处理:

function callBackFortestMethod(data){ 

  //其中data接收方法的返回值 

  for(var property in data){ 

  var bean = data[property]; 

  alert(bean.username); 

  alert(bean.password); 

  } 

  } 

     2、对于第7种情况,如果java的方法的参数为Map(假设其key为String,value为TestBean),则在调用该方法的javascript函数中用如下方法构造要传递的参数:

 function callTestMethod (){ 

  //定义要传到java方法中的参数 

  var data; 

  //构造参数,date实际上是一个object,其属性名为Map的key,属性值为Map的value 

  data = { 

  "key1":{ 

  username:"user1", 

  password:"password2" 

  }, 

  "key2":{ 

  username:"user2", 

  password:" password2" 

  } 

  }; 

  testClass.testMethod(data); 

  } 

  并且在dwr.xml中增加如下的配置段 

  <signatures> 

  <![CDATA[ 

  import java.util.List; 

  import com.dwr.TestClass; 

  import com.dwr.TestBean; 

  TestClass.testMethod7(Map<String,TestBean>); 

  ]]> 

  </signatures> 

    3、由以上可以发现,对于java方法的返回值为List(Set)的情况,DWR将其转化为Object数组,传递个javascript;对于java方法的返回值为Map的情况,DWR将其转化为一个Object,其中Object的属性为原Map的key值,属性值为原Map相应的value值。

  4、如果java方法的参数为List(Set)和Map的情况,javascript中也要根据3种所说,构造相应的javascript数据来传递到java中

  特别说明:

  创建时要先实例化:var obj = new Object(); obj = {key:"value"}; 也可以obj.key = "value"; 如果没有初始化,则会转换出错。

分享到:
评论

相关推荐

    DWR使用方法-step by step

    ### DWR使用方法详解:逐步指南 #### 一、引言 DWR(Direct Web Remoting)是一种简化Ajax开发的框架,它允许在浏览器端直接调用服务器端的方法,如同调用本地对象一样简单。本篇文章将从安装DWR、配置相关文件到...

    DWR的使用方法

    **DWR(Direct Web Remoting)使用方法详解** DWR,全称为Direct Web Remoting,是一种开源Java技术,用于在Web应用程序中实现浏览器与服务器之间的实时双向通信。它允许JavaScript直接调用Java方法,就像它们在...

    dwr学习教程3

    本教程将深入探讨DWR的核心概念、配置、使用方法以及最佳实践。 一、DWR概述 DWR是一种开源技术,它通过AJAX(Asynchronous JavaScript and XML)实现了浏览器与服务器间的双向通信。DWR的出现是为了克服AJAX中...

    java dwr 使用例子

    对于初学者来说,这是一个很好的起点,它涵盖了DWR基本的使用方式和配置,同时也提供了一个可运行的示例,帮助理解Ajax通信的工作原理。通过深入学习和实践,你可以利用DWR构建更复杂的交互式Web应用。

    dwr使用例子配置和使用

    下面我们将详细探讨DWR的配置和使用方法。 首先,配置DWR涉及以下几个关键步骤: 1. **引入DWR库**:在项目中添加dwr.jar,这是DWR的核心库,包含了所有必要的类和接口。 2. **创建Java类**:定义你需要在客户端...

    DWR 框架使用手册

    4. **安全性**:DWR提供了一些安全机制,如使用CSP(Content Security Policy)防止跨站脚本攻击,以及通过白名单限制可调用的Java方法,确保只有授权的JavaScript可以访问服务器资源。 5. **使用DWR**:在...

    DWR框架使用方法DOC

    以下是对DWR框架使用方法的详细说明: 1. **导入依赖**: 在使用DWR之前,你需要将`dwr.jar`包引入到项目的类路径中。这个JAR文件包含了DWR框架的所有核心组件。 2. **配置Web应用**: 配置`web.xml`文件是DWR...

    dwr demo dwr简单使用

    通过这个简单的DWR演示项目,你可以深入理解DWR的工作原理,掌握如何配置DWR、编写可被客户端调用的Java方法,以及如何在JavaScript中使用这些方法。这对于想要学习和使用DWR来构建动态Web应用的初学者来说是一个很...

    dwr 各种调用方法

    例如,通过Spring的bean管理,可以方便地在DWR中使用Spring的依赖注入。 总的来说,DWR是构建动态Web应用的一个强大工具,它简化了前后端交互,提高了开发效率,同时也提供了丰富的功能和良好的可扩展性。理解并...

    springboot整合dwr实现js调用java方法

    SpringBoot整合Direct Web Remoting (DWR)是一个常见的技术实践,它允许JavaScript在浏览器端直接调用服务器端的Java方法,极大地增强了Web应用的交互性。在这个过程中,我们通常会结合使用FreeMarker或JSP作为视...

    java之ajax开发---dwr基础(适合基础开发ajax)

    【DWR(Direct Web Remoting)基础讲解】 DWR(Direct Web Remoting...通过上述步骤,你已经掌握了基本的DWR使用方法,可以开始尝试在自己的项目中应用DWR了。如果你遇到任何问题,欢迎留言提问,我们会尽心为你解答。

    dwr 包的 使用入门

    - 使用DWR的API,如`DWRUtil`或`RemoteObject`,来调用服务器端的方法。 7. **安全性和权限控制**: - DWR提供了安全机制,比如白名单、签名等,确保只有授权的方法能被JavaScript调用。 - 在`dwr.xml`中配置...

    关于使用DWR返回对象List的方法

    这篇博客文章“关于使用DWR返回对象List的方法”主要探讨了如何通过DWR框架在Java后端处理数据并以List对象的形式返回给前端JavaScript。 在Web开发中,通常我们需要从服务器获取数据并在客户端展示,DWR通过AJAX...

    dwr跨域访问以及dwr的使用+dwr.jar

    4. **生成JavaScript API**:DWR会根据配置自动生成JavaScript API,这些API可以直接在浏览器中使用,调用服务器端的方法。 5. **前端调用**:在HTML或JavaScript代码中,引入DWR生成的JavaScript文件,然后就可以...

    DWR技术文档、快速使用DWR、java技术

    4. **调用服务器方法**:在JavaScript中,通过DWR生成的接口实例调用服务器方法,DWR会自动处理网络通信和结果返回。 5. **处理返回结果**:服务器返回的结果会在JavaScript回调函数中得到,可以直接用于更新DOM...

    dwr和ajax使用demo

    3. **编写JavaScript代码**:在JavaScript中使用DWR提供的API调用服务器端方法。 4. **处理返回数据**:当服务器响应后,DWR会自动处理结果,可以通过回调函数处理这些数据,更新页面。 六、示例应用 在"dwr和ajax...

Global site tag (gtag.js) - Google Analytics