DWR中各种java方法的调用


Posted in Javascript onMay 04, 2016

DWR是一个框架,简单的说就是能够在javascript直接调用java方法,而不必去写一大堆的javascript代码。它的实现是基于ajax的,可以实现无刷新效果。

网上有不少DWR的例子,但大都只是某种方法的调用,本文只在使用层面上介绍DWR,并不涉更多的技术与设计,其目的是让初学者能够很快的学会各种java方法在javascript中是如何调用的。

  一、dwr配置篇之web.xml

1、最小配

<servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
</servlet>
<servlet-mapping>
 <servlet-name>dwr-invoker</servlet-name>
 <url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

 2、当我们想看DWR自动生成的测试页(Using debug/test mode)时,可在servlet配置中加上

<init-param>
 <param-name>debug</param-name>
 <param-value>true</param-value>
</init-param>

这个参数DWR默认是false。如果选择true,我们可以通过http://localhost:port/app/dwr看到你部署的每个DWR class。并且可以测试java代码的每个方法是否运行正常。为了安全考虑,在正式环境下你一定把这个参数设为false。

3、多个dwr.xml文件的配置

可能有几种情况,我们一一列举。一个servlet,多个dwr.xml配置文件;多个servlet,每个servlet对应一个或多个dwr.xml配置文件。

3.1、一个servlet,多个dwr.xml配置文件

<servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <init-param>
  <param-name>config-1</param-name>
  <param-value>WEB-INF/dwr1.xml</param-value>
 </init-param>
 <init-param>
  <param-name>config-2</param-name>
  <param-value>WEB-INF/dwr2.xml</param-value>
 </init-param>
</servlet>

在这种配置下,param-name的值必须以config开头。param-name可以有>=0个。如果没有param-name,那么将会读取WEB-INF/dwr.xml。如果有大于零个param-name,那么WEB-INF/dwr.xml文件将不会被读取。

3.2、多个servlet,每个servlet对应一个或多个dwr.xml

<servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
</servlet>
<servlet>
 <servlet-name>dwr-invoker1</servlet-name>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <init-param>
  <param-name>config-admin</param-name>
  <param-value>WEB-INF/dwr1.xml</param-value>
 </init-param>
 <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>
<servlet-mapping>
 <servlet-name>dwr-invoker1</servlet-name>
 <url-pattern>/dwr1/*</url-pattern>
</servlet-mapping>

在这种情况下,我们可以根据J2EE security来控制权限,针对不同url,加不同的角色。

二、dwr使用篇

1、调用没有返回值和参数的JAVA方法

1.1、dwr.xml的配置

<dwr>

<allow>

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

<param name="class" value="com.dwr.TestClass" />

<include method="testMethod1"/>

</create>

</allow>

</dwr>

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

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

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

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

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

  1.2、javascript中调用

首先,引入javascript脚本

<script src='dwr/interface/ testClass.js'></script>

<script src='dwr/engine.js'></script>

<script src='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" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod2"/>
</create>
</allow>
</dwr>

  2.2、javascript中调用

首先,引入javascript脚本

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

Function callTestMethod2(){
testClass.testMethod2(callBackFortestMethod2);
}
Function callBackFortestMethod2(data){
//其中date接收方法的返回值
//可以在这里对返回值进行处理和显示等等
alert("the return value is " + data);
}

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

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

3.1、dwr.xml的配置

配置同1.1

<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.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" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod4"/>
</create>
<convert c match=""com.dwr.TestBean">
<param name="include" value="username,password" />
</convert>
</allow>
</dwr>

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

4.2、javascript中调用

首先,引入javascript脚本

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

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

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

5.1、dwr.xml的配置

<dwr>

<allow>

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

<param name="class" value="com.dwr.TestClass" />

<include method="testMethod5"/>

</create>

<convert c match="com.dwr.TestBean">

     <param name="include" value="username,password" />

</convert>

</allow>

</dwr>

  5.2、javascript中调用

首先,引入javascript脚本

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

Function callTestMethod5(){

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

  var data;

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

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

  testClass.testMethod5(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中。

Javascript 相关文章推荐
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
js完美的div拖拽实例代码
Jan 22 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 Javascript
JS数组的常见用法实例
Feb 10 Javascript
js表单提交和submit提交的区别实例分析
Dec 10 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 Javascript
bootstrap下拉框动态赋值方法
Aug 10 Javascript
vue-router 路由传参用法实例分析
Mar 06 Javascript
微信小程序入门之指南针
Oct 22 Javascript
JavaScript手写数组的常用函数总结
Nov 22 Javascript
js实现div在页面拖动效果
May 04 #Javascript
JS功能代码集锦
May 04 #Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 #Javascript
浅析Bootstrap组件之面板组件
May 04 #Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
May 04 #Javascript
js编写当天简单日历效果【实现代码】
May 03 #Javascript
javascript实现下雪效果【实例代码】
May 03 #Javascript
You might like
ajax php 实现写入数据库
2009/09/02 PHP
PHP 程序员的调试技术小结
2009/11/15 PHP
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
php实现的双色球算法示例
2017/06/20 PHP
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
JQuery select标签操作代码段
2010/05/16 Javascript
js 模拟气泡屏保效果代码
2010/07/10 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
2015/07/18 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
2016/01/26 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
实例解析Array和String方法
2016/12/14 Javascript
微信小程序 传值取值的几种方法总结
2017/01/16 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
Vue 的双向绑定原理与用法揭秘
2020/05/06 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
Python3实现的简单验证码识别功能示例
2018/05/02 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
python实现最大优先队列
2019/08/29 Python
golang/python实现归并排序实例代码
2020/08/30 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
保安拾金不昧表扬信
2014/01/15 职场文书
仓管岗位职责范本
2014/02/08 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
小学英语复习计划
2015/01/19 职场文书
解决xampp安装后Apache无法启动
2022/03/21 Servers