有时在异步请求时,当点击一个筛选信息时,页面中的显示部分的信息全部会改变,若是用全部刷新,会很慢,而且里面的条件也会不见,但是要是异步显示出来,又会写很多的js代码,写出来的还好和原来的一样,很费力.这时就可以用页面多个页面加载,将刷选信息页面作为一个页面,显示部分的页面作为一个页面,当点击刷选信息时,显示信息就可以全部变动,并显示信息的部分也不需要改动.
满足的条件是:
1).显示部分一样,就是通过刷选信息来改变控制器中的数据,在页面中都是同一个集合
2).在 控制器中刷选信息是一个方法,返回页面为刷选信息的页面,显示页面另一个页面,
//将显示的jsp部门加载进来
function getTablePage(parents,parents_childs,reachName,page,pageSize)
{
var reg=/,$/gi;//此处是正则
var lparents=parents.replace(reg,"");
$.ajax(
{
url:"getTemplateSpecialtysByJson",//back/product/getTemplateSpecialtysByJson
type:"get",
data:{lineId:lparents,lineIdChild:parents_childs,reachName:reachName,pageNum:page,pageSize:pageSize},
dataType:"html",
success:function(data)
{
/* console.info("产品线id为:"+parents+" 子线id为:"+parents_childs) //在浏览器控制台显示信息 */
$("#tableDiv").html(data);/* 将子级的jsp加载进来 */
$("#totalNumSpan").text($("#totalNumInput").val());/* 将查询的数量信息返回到父级jsp中 */
$("#totalNumSpanFY").text($("#totalNumInputFY").val());/* 将查询出来的当前页数显示出来 */
}
});
}
window.onload=function()
{
getTablePage("");//初始化时加载控制器返回的页面信息
};