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.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.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脚本
Function callTestMethod5(){
//定义要传到java方法中的参数
var data;
//构造参数,date实际上是一个object
data = { username:"user",password:"password" }
testClass.testMethod5(data);
}
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
}
}
.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++)是一样的