DWR使用总结
<servlet>
<servlet-name> dwr-invoke </servlet-name>
<servlet-class> uk.ltd.getahead.dwr.DWRServlet </servlet> <init-param> //这个是调试用,如果正式发布请该为false,不过听说2.0就默认为true了 <param-name> debug </param-value>
<param-value> true </param-value>
</init-param> <init-param> //这个是DWR2.0必须的,不然会报java.lang.IllegalArgumentException <param-name> classes </param-value>
<param-value> java.lang.Object </param-value>
</servlet>
<servlet-mapping>
<servlet-name> dwr-invoke </servlet-name>
<url-pattern> /dwr/* </url-pattern>
</servlet-mapping>
----------------------------- 配置dwr.xml: dwr.xml的作用是让你告诉DWR哪些class中的哪些方法你需要暴露给前台使用,当DWR启动时候根据dwr.xml这个文件把java类中的方法转成js中可用的类中方法,使前台可以使用。
注:以下是不全按dwr2.0写的,如果用的是DWR2.0,那java里暴露类(蓝字显示)不能写在<create>属性里,应删除后写在<include method="" />前,<param name="class" value="***java里暴露的class,必须写完整路径***" />。
<dwr>
<allow>
<create creator="new" javascript="***js调用的class***" class="***java里暴露的class,必须写完整路径***"> <include method="***java暴露类里要公开的方法,如果不写默认全部公开***" />
</create>
</allow>
</dwr>
----------------------------- 在html或js页面中加入 <script src="<%=basePath %>dwr/interface/java里暴露的class"></script> //切记不能<script *** />这样写
<script src="<%=basePath %>dwr/engine.js"></script> //Dwr的脚本驱动Js,以上两个必写
<script src="<%=basePath %>dwr/util.js"></script> //这是个工具包,可以不调用
<script type="text/javascript">
function doMethod()
{
//调用方法:若公开的类是AAA,公开的AAA里的方法是bbb([参数]);
AAA.bbb([参数],callBack);//回调函数callBack()
}
function callBack(data)//data是后台返回的值,名字自取,也可省略,因为JS允许
{
处理方法……;//如果callBack()没有写明返回值,可以通过argments[0]拿到
}
</script>
其实我们调用AAA.bbb([参数],callBack);就是做了以下这一步: (下面红字是包装好的,不在前台,所以即使你没有创建html或者jsp来调用,也可以通过localhost:8080/工程名/dwr 来看到你暴露的java类进行测试) function AAA() { };
AAA.bbb = function([参数], callback)
{
DWREngine._execute('/dwr/dwr', 'AAA', 'bbb', [参数], callback);
}
通过在dwr.xml暴露的方法得到js里的方法,当我们调用AAA.bbb时候再通过/dwr/dwr转到DWRServlet中去用JAVA里的AAA.bbb方法,然后返回值到callback中(中间经过dwr.xml的convert)
---------------------------- 上面对dwr的工作大致分析了下,现在对于参数类型的不同,对dwr.xml也要进行修正。
DWR自动地在Java和JavaScript表示之间调整简单数据类型,这些类型包括Java原生类型和它们各自的封装类表示,还有String、Date、数组和集合类型。但如果参数类型非简单数据类型,则要通过转换。
调用返回JavaBean的java方法
</convert>
< creator>标签负责公开用于Web远程的类和类的方法,<convertor>标签则负责这些方法的参数和返回类型。convert元素的作用是告诉DWR在服务器端Java 对象表示和序列化的JavaScript之间如何转换数据类型。 这样在js端回调函数直接拿到的data就是一个javabean,可以直接通过data.xxx拿到bean的属性xxx。
调用有JavaBean参数的java方法
调用返回List、Set或者Map的java方法
在JS端,以List,里面数据是bean为例,data是一个List型,只要用for循环就可以依次拿到数据。 遍历方法1: for(var i=0;i<data.length;i++) /*对于java方法的返回值为List(Set)的情况,DWR将其转 化为Object数组,传递个javascript*/
{
alert(data[i].name+":"+data[i].password);
}
遍历方法2: for(var property in data) //property为序号,从0开始
{
var bean = data[property];
alert(bean.name+":"+bean.password);
}
相比返回为javabean多了一个遍历而已。
如果java方法的返回值为Map,则如下
for(var property in data) //property为key值 /*对于 java方法的返回值为Map的情况,DWR将其转化为一个Object, 其中Object的属性为原Map的key值,属性值为原Map相应的 value值*/
{
var bean = data[property];
alert(bean.username);
alert(bean.password);
}
如果知道key值,则可直接用:data.key拿到value
调用有List、Set或者Map参数的java方法
<signatures>标签是用来声明java方法中List、Set或者Map参数所包含的确切类,以便java代码作出判断,是js-->java的。
例参数是javabean的List,则只要在参数为javabean的例子里构造时候加上[]即可,如下:
var stu = [{name:"zhangsan",password:"zspassword"},{name:"lisi",password:"lspassword"}]; //把List当作数组来处理 AAA.bbb(stu,callBack);
并且在dwr.xml中增加如下的配置段(刚才试验了下,不加也可以)
<signatures> <![CDATA[ import java.util.List; import com.dwr.AAA; //AAA的包路径要写完整 import com.dwr.TestBean; //javabean AAA.bbb(List<TestBean>); ]]> < /signatures> 例参数是javabean的Map,key是String,value是javabean,如下: var stu =
"key1":{name:"zhangsan",password:"zspassword"},
"key2":{name:"lisi",password:"lspassword"}
};
AAA.bbb(stu,callBack);
并且在dwr.xml中增加如下的配置段(刚才试验了下,不加也可以) <signatures> <![CDATA[ import java.util.List; import com.dwr.AAA; //AAA的包路径要写完整 import com.dwr.TestBean; //javabean AAA.bbb(Map<String,TestBean>); ]]> < /signatures>
DWR使用总结的更多相关文章
- 【DWR系列06】- DWR日志及js压缩
img { border: solid 1px } 一.日志 DWR依赖 Apache Commons Logging,可以使用log4j实现日志记录功能. 1.1 日志简介 和其他日志框架一样,当设 ...
- 【DWR系列04】- DWR配置详解
table { margin-left: 30px; width: 90%; border: 1px; border-collapse: collapse } img { border: 1px so ...
- 【DWR系列03】- DWR主要类详解
img { border: 1px solid black } 一.简介 首先应该了解这个jar包主要的类,了解了类,就了解了DWR.DWR的在线javadoc:http://directwebrem ...
- 【DWR系列02】-DWR逆向Ajax即服务器推送
.literal { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 1px 3px 0; white-space: no ...
- 【DWR系列01】-DWR简介及入门例子
.literal { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 1px 3px 0; white-space: no ...
- DWR实现后台推送消息到web页面
DWR简介 DWR(Direct Web Remoting)可用于实现javascript直接调用java函数和后台直接调用页面javascript代码,后者可用作服务端推送消息到Web前端. (服务 ...
- DWR实现扫一扫登录功能
前言 <DWR实现后台推送消息到Web页面>一文中已对DWR作了简介,并列出了集成步骤.本文中再一次使用到DWR,用以实现扫一扫登录功能. 业务场景 web端首页点击"登陆&qu ...
- dwr和spring的整合
1.dwr在spring配置文件的配置: <!-- 注意这里新增加的dwr tag, 为使其生效,文件头中要声明namespace --> <dwr:configuration /& ...
- DWR同步异步设置
做项目时遇到一个问题,使用DWR发现js总是执行完了之后再执行DWR的内容,后来发现然来DWR也有一种同步机制:DWREngine.setAsync(false); 还需要在代码末尾恢复异步DWREn ...
- 使用dwr时动态生成table的一个小技巧
这篇随笔是我在07年写的,因为当时用了自己建设的blog,后来停止使用了,今天看到备份数据库还在,恢复出来放到这里.留着记录用. 我在使用DWR时,试了很多次都无法在动态生成的table中的一个或多个 ...
随机推荐
- [UNITY 5.4 UGUI] 模态对话框
1.建立两个画布 a.背景界面 b.置顶界面(添加一个 panel 控件) 2.修改置顶界面中 panel ,添加属性 [Canvas Group] 3.根据界面设计情况修改透明度,色彩,图片
- c#中委托和事件(转)
C# 中的委托和事件 引言 委托 和 事件在 .Net Framework中的应用非常广泛,然而,较好地理解委托和事件对很多接触C#时间不长的人来说并不容易.它们就像是一道槛儿,过了这个槛的人,觉得真 ...
- java面试题复习(四)
31.内部类可以引用它的外部类的私有成员吗? 可以,内部类对象可以访问创建它的外部类对象的成员 32.final关键字有哪些用法? 修饰类时该类不能被继承,修饰方法时,该方法不能被重写,修饰变量时表示 ...
- Django ORM queryset object 解释(子查询和join连表查询的结果)
#下面两种是基于QuerySet查询 也就是说SQL中用的jion连表的方式查询books = models.UserInfo.objects.all() print(type(books)) --- ...
- RocketMQ入门(生产者)_2
从 RocketMQ环境搭建_1 我们已经建立了MQ的Server,接下来就是简单的生产和消费的过程. 1. rocketMQ的源码中有个示例代码example ,我们从Apache官网中可以下载源 ...
- PromiseThen 横向代码编辑
var PromiseThen = function(){ var fns = []; this.then = function(fn){ fns.push(fn); return this; } t ...
- Linux 下安装多个 tomcat
安装多个 tomcat 和安装一个同理,只是需要更改一些配置. 1.复制多个 tomcat 安装目录 cp /usr/local/tomcat_8080/ /usr/local/tomcat_8081 ...
- spring中Constructor、@Autowired、@PostConstruct的顺序
其实从依赖注入的字面意思就可以知道,要将对象p注入到对象a,那么首先就必须得生成对象p与对象a,才能执行注入.所以,如果一个类A中有个成员变量p被@Autowired注解,那么@Autowired注入 ...
- Redis物理文件结构
Redis物理文件结构 对于数据库,个人习惯先从物理结构文件入手,整体上看一下有哪些文件,都是什么作用.类似于MySQL,数据文件和配置文件是Redis最基本也是做主要的两个物理文件之一,相比MyS ...
- hbuilder 打包 vueAPP
1:设置状态栏颜色 在manifest.json 找到 plus 下添加 "statusbar": { "immersed": true/*沉浸式状态栏*/ 设 ...