DWR中处理集合

前端之家收集整理的这篇文章主要介绍了DWR中处理集合前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

DWR中处理List

如果传如 java 的代码的参数 是一个Collection ,则要稍微处理以下,传入的Collection的内部包含的类的确切类型,以便 Java 代码 作出判断;

如果传入的参数是一个 List,则在 Javascript 中把这些对象放在 一个Array中就可以了,

object data= [{username:"user1",password:"password2"},

{username:"user2",password:"password2"}];

如果传入的参数是一个Map,原来以为是 一个 二维的 Array就行了,但是试过之后发现不行,看了一下例子,原来要使用这种形式:

vardepts={"dept1":new department("2","200"),

"dept2":new department("3","300")};

这样传进去之后Java 就会根据这些数据构建一个Map

4、调用返回JavaBean的java方法

4.1、dwr.xml的配置

<dwr>

<allow>

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

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

<includemethod="testMethod4"/>

</create>

<convertconverter="bean" match=""com.dwr.TestBean">

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

</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名称,<param>标签指定要转换的JavaBean属性

4.2、javascript中调用

首先,引入javascript脚本

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

Function callTestMethod4(){

testClass.testMethod4(callBackFortestMethod4);

}

Function callBackFortestMethod4(data){

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

//对于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">

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

<includemethod="testMethod5"/>

</create>

<convertconverter="bean" 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);

}

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

6.1、dwr.xml的配置配置同4.1

<dwr>

<allow>

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

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

<includemethod="testMethod6"/>

</create>

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

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

</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){

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

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

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

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

for(var property in data){

alert("property:"+property);

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

}

} //知道属性名称时,使用如下方法
for(var i=0;i<data.length;i++){

alert(data.username);

alert(data[i].username);//this is ok

alert(data.password);//error

}

}

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

.1、dwr.xml的配置

<dwr>

<allow>

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

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

<includemethod="testMethod7"/>

</create>

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

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

</convert>

</allow>

<signatures>

<![CDATA[ importjava.util.List;

importcom.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;

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

object data = [

{

username:"user1",

password:"password2"

},

{

username:"user2",

password:" password2"

}

];

testClass.testMethod7(data); } 注意: 1、对于第6种情况,如果java方法的返回值为Map,则在接收该返回值的javascript回调函数中如下处理: function callBackFortestMethod(data){

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

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[ importjava.util.List;

importcom.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中。

使用例子说明后台java List对象如何被 javascript 中进行解析:

首先,我用DWR来调用DAO,然后用queryForList()返回结果集;
然后 我在网上找到用JS来得到LIST 对象中数据的方法,但是我看了很长时间也搞不懂第二个for循环的意思。
我把我的代码粘到下面:
(1)下面是我的代码中与我的问题有关的一部分代码,在该JSP页面的onload事件执行 setSelect()方法
// 取得分公司列表
function getSubComp(){
try{
BandwidthOptimize.subCompQuery(subCompquery); // 使用DWR操作DAO,下面有该段代码
}catch(e){
alert("获取分公司过程中发生异常");
}
}

// 取得分公司列表回调函数
function subCompquery(comps){
for(var attr in comps){

for(var atr in comps[attr]){

if(atr == "BRANCH_CODE")

branch_codes[attr] =comps[attr][atr];
if(atr == "BRANCH_COMPANY")
document.all.subComp.add(newOption(comps[attr][atr],comps[attr][atr]));
}
}


var branch_code =branch_codes[document.all.subComp.selectedIndex];
getBsc(branch_code);
getCalculatedBsc(branch_code);
}
// 取分公司列表
function setSelect(){
getSubComp();
}

(2)DAO
public List subCompQuery() throws Exception{
HttpSession session = WebContextFactory.get().getSession();
List userInfo = (List)session.getAttribute("userinfo");
Map map2 = (Map)userInfo.get(0);
String branch_id = (String)map2.get("BRANCH_ID");
String rootBranch =Constant.ROOTBRANCHID;
String sql = "selectbranch_code,branch_company from branch_info where branch_tree <>?and branch_tree like '%"+branch_id+"%' " +
" order bynlssort(branch_company,'NLS_SORT=SCHINESE_PINYIN_M')";
log.info("query the subCompanyby branch_id. sql = "+sql+" up_brach ="+branch_id);
List resultList = null;
try{
resultList =this.getJdbcTemplate().queryForList(sql,new Object[]{ rootBranch});
}catch(Exception e){
log.error(e.getMessage());
throw e;
}
return resultList ;
}

(3)问题:问题就是搞不懂
for(var attr in comps){

for(var atr in comps[attr]){

if(atr == "BRANCH_CODE")

branch_codes[attr] = comps[attr][atr];
if(atr == "BRANCH_COMPANY")
document.all.subComp.add(newOption(comps[attr][atr],comps[attr][atr]));
}
}

第一个我能明白 attr的值是从0到comps.length-1,到第二个atr里面存的是我的字段名,然后我就使用了alert(comps[attr][atr]);,天啊,
弹出的竟然是comps[0][BRANCH_COMPANY],这样的形式,因为数据在我的印象中一直都是comps[0][1],等这样的都是数字的形式,对这个十分的感觉迷惑。我学JS也不是太多,就是在工作中遇到问题了,就上网查一下,所以就一面做一面学了,请老师们给我解释一下for(var atr in comps[attr]){ 这条语句,还就是使用comps[0][BRANCH_COMPANY]是怎么找到对应的值的?

当我们使用DWR来返回List记录,首先我们可以在DAO中把要返回的List 结果用System.out.println(resultList);来打印出来,你可以看到如同下面的形式:
{[userId=1,userName=陈众伟],[userId=2,userName=李战阳]},

这是我们容易看到的,但真正留意的她的内在特性可能不多. 好了,言归正传,在JSP文件内我们通过回调函数获取该List对象,这时,我们要注意,在JS中是没有List对象的,只有Array。上面打印出的结果集"[]"这是一个Object,而里面"{}"也是一个Object,这时我们就可以综合把打印出的结果集抽象成Object[Object{}]。然后我们回到JS,分步来解释:
for(var attr in comps)这时的comps就是从DAO中返回的整个List了,而JS唯一能判断的就是Object,所以这个attr就是取的[]中Object{}的个数。从0开始到comps.length-1,

注:我们这儿写的comps.length就是为了让大家明白,其实这要做是得不到的。
for(var atr incomps[attr])这步,我们就已经跑到[]里面取Object了,在这儿我要引用一下《JavaScript精粹》中的一段话,用来对"in"enumerator(人口调查员)的解释:“An in enumerator will expose all the custom properties and methodsof an object—not necessarily just the ones you’re using to store data.”,这时JS就能智能分析出该Object中的所有Properties,这时的atr就会循环该Ojbject的所有property了,

这些property就是userId,usrName了。这时在comps[attr]中存放的形式就是{userId:1,userName:陈众伟},{userId:2,userName:李战阳},最后利用comps[0][userName]就可以取到 :"陈众伟"


如果返回的List类的话,用for(var i in obj)和for(var i=0;i<obj.length;i++)是一样的

原文链接:https://www.f2er.com/ajax/166937.html

猜你在找的Ajax相关文章