这两天学了下DWR,现在总结一下。
DWR是方便使用AJAX连接JS和JAVA的的一个框架,把服务器端 Java 对象的方法公开给 JavaScript 代码
如果是用dwr2.0的jar包,还需要同时导入 log4j.jar和commons-loggin.jar,勿忘!!
web.xml和dwr.xml放在WEB-INF下!
-----------------------------
配置web.xml:WEB工程启动的时候会在这个里面找到具体所用到的类的路径,由此进行加载

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

在dwr.xml的<allow>标签中加入

<convert converter="bean" match="***一般来说是javabean***"> //int,String,list等不需要显式的转换就可以被js拿到
<param name="include" value="***javabean中的属性,用','隔开***" /> //这句可以不写
</convert>

<creator>标签负责公开用于Web远程的类和类的方法,<convertor>标签则负责这些方法的参数和返回类型。 convert元素的作用是告诉DWR在服务器端Java 对象表示和序列化的JavaScript之间如何转换数据类型
这样在js端回调函数直接拿到的data就是一个javabean,可以直接通过data.xxx拿到bean的属性xxx。


调用有JavaBean参数的java方法

dwr.xml配置同上。

在JS端,把要传入的参数写成javabean方式,例:要传入一个名为student的javabean,参数有name,password,则
var stu = {name:"zhangsan",password:"zspassword"}; //这是json的表示方法
AAA.bbb(stu,callBack);


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

dwr.xml配置同上。如果Collection里的数据是简单数据类型,则可不需要写<convert>

在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方法

在dwr.xml的<dwr>标签内加入:<signatures>标签。

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

例参数是javabean的List,则只要在参数为javabean的例子里构造时候加上[]即可,如下:

var stu = [{name:"zhangsan",password:"zspassword"},{name:"lisi",password:"lspassword"}];
//把List当作数组来处理
增加如下的配置段 (刚才试验了下,不加也可以)

<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,255)">如下:
var stu =
{
"key1":{name:"zhangsan",
"key2":{name:"lisi",password:"lspassword"}
};

并且在dwr.xml中增加如下的配置段 (刚才试验了下,不加也可以)

<signatures>
<![CDATA[
import java.util.List;
import com.dwr.AAA; //AAA的包路径要写完整
import com.dwr.TestBean; //javabean
AAA.bbb(Map<String,TestBean>); ]]> </signatures> http://www.cnblogs.com/a7345678/archive/2008/10/23/1317982.html

DWR使用总结的更多相关文章

  1. html5 拖拽及用 js 实现拖拽功能的示例代码

    这篇文章主要介绍了html5 拖拽及用 js 实现拖拽,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. HTML5适合的情人节礼物有纪念日期功能

    这篇文章主要介绍了HTML5适合的情人节礼物有纪念日期功能,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. html5录音功能实战示例

    这篇文章主要介绍了html5录音功能实战示例的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  4. ios – CLGeocoder错误. GEOErrorDomain代码= -3

    有没有关于apple的地理编码请求的文档?谢谢你提前.更新这是我的整个代码请求解决方法在搜索到答案后,它在Apples文档中!

  5. ios – 调用异步方法的方法的单元测试

    我想我有这些代码行:我想为该代码编写一个单元测试.对于initializeHomeData和initializeAnythingElse,我可以编写单元测试,如:我的问题是,如何测试reset()?我应该在testReset()中调用它们,如:但我认为这不是适当的实施.解决方法你是对的.要测试重置,您需要调用reset,而不是内部方法.话虽这么说,重置目前的编写方式使其不可测试.您能够如此轻松地测

  6. Swift 字符串替换/过滤/切割/拼接

    替换为/结果过滤过滤掉单个字符/结果过滤掉开头和结尾的空白结果切割对字符串使用/作为分隔符来切割,不允许空字符串使用split函数结果是一个数组对字符串使用/作为分隔符来切割,允许空字符串结果拼接结果

  7. Swift开发教程--字符串的操作

    替换把?替换为/结果

  8. swift - The Facade Pattern

    Facade(外观)模式为子系统中的各类提供一个简明一致的界面,隐藏子系统的复杂性,使子系统更加容易使用。

  9. swift - The Proxy Pattern

    我在实际工作中vc也仿照过Foundation的delegate:button:内涵业务逻辑,底层实现;每个button是一个类,业务逻辑需要未知的参数和处理之后未知的结果反馈UI:点击button之后界面的改变,UI实现未知的参数和未知的结果反馈,也就是实现这个代理这样以来UI的定制,很灵活很容易,代码思路依然清晰如初。哪个是主体哪个是代理并不重要关键是看定义所说whichisusedwhenanobjectisrequiredtoactasaninterfacetoanotherobjectorres

  10. swift 网络搜索热词排行

    1.使用www.showapi.com上的接口,需要注册添加一个App,这样才能获取appid和secret密钥,调用前需要订购套餐(选免费的就可以了);2.外部库Podfile文件内容,SnapKit这里暂时不需要用到:3.桥接头文件参考:http://www.jb51.cc/article/p-pcleyxep-te.html4.AppTransportSecurityhasblockedac

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github,点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件;对于前后端分离的开发模式,ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装,XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js,更小的压缩版本,可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装,VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js,更小的压缩版本,可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止,相当于仅仅完成了预检,还没发送真正的请求呢。

  5. form提交时,ajax上传文件并更新到&lt;input&gt;中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案:1.加cache:false2.url加随机数正常代码:网上高人解读:cache的作用就是第一次请求完毕之后,如果再次去请求,可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下,内容编码类型满足大多数情况。在这里,我们主要谈谈contentType=false.在使用ajax上传文件时:在其中先封装了一个formData对象,然后使用post方法将文件传给服务器。说到这,我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗?这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的,因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUploadoptions参数说明:1、url上传处理程序地址。2,fileElementId需要上传的文件域的ID,即的ID。3,secureuri是否启用安全提交,默认为false。4,dataType服务器返回的数据类型。6,error

  9. AJAX-Cache:一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用“缓存”提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的,我该如何解决呢?必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位,那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部