jquery ajax 调用java集合 的方法

我们在用ajax的时候,经常遇到要调取数据集合,然后拼装,将获得的数据放到一个新的位置,这样的事情。那要是返回的集合,那用一般的json拼装就很痛苦了,那么我们应该怎么办呢。其实很简单。
1.在strtus配置文件里
<!-- 根据产品一类查询二类信息 -->
[color=darkred] <action name="ajaxSaleMutiProductType" method="ajaxSaleMutiProductType">
<result name="success">/views/system/forward.jsp</result>
</action>[/color]
我们仍然用一般的result方式。看这里指定到一个新的forward.jsp页面

2.在ajax里这么写
//点击展开二级列表

function openTwo(queryCode,queryType,fetchType,startTime,endTime){
var ctx=$('#ctx').val();
if($('#'+queryCode).attr("src")==ctx+"/views/images/all.jpg"){//展开
$('#'+queryCode).attr("src",ctx+"/views/images/one.jpg");
var url;
url=ctx+"/saleMuti2/ajaxSaleMutiProductType?startTime="+startTime+"&endTime="+endTime+"&name="+queryCode+"&queryType="+queryType;
$.ajax({
url :url,
type :"post",
[color=red]//注意这里不要datatype[/color]
success : function(data) {
alert(data);
[color=red]$('#'+queryCode+'abc2').html(data);[/color]//向指定位置写Html文件
$('#'+queryCode+'abc').attr("style","display:table-row;");//隐藏点击+号图标打开的内容
}
});

}else{
$('#'+queryCode).attr("src",ctx+"/views/images/all.jpg");//合上
$('#'+queryCode+'abc').attr("style","display:none;");//隐藏点击+号图标打开的内容

}
}

3.forward.jsp页面里我们就可以用一般jsp的方式获取页面,然后我们考虑,怎么将这个页面放到原来调用AJAX的位置呢,看我上面用红色标记的地方,向指定位置写Html.

完成,是不是很简单,这样很多要拼装的内容都省略了。
原理,请参考jqury api
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值