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