日期:2014-05-16  浏览次数:20604 次

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

我们仍然用一般的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",
//注意这里不要datatype
success : function(data) {
alert(data);
$('#'+queryCode+'abc2').html(data);//向指定位置写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