在做页面异步刷新时,以前的做法是,通过$.ajax()请求返回json格式的数据,然后通过回调方法,将数据一一解析出来,放到标签元素中,再与原页面衔接起来。这里有另一种做法:
如:一个页面中有两个TAB,每个TAB都对应有一个具有翻页功能的list。这时如果页面上还有其他的元素,那么通过$(document).ready()方法,来异步加载tab列表:
$(document).ready(function() {
$("#tb1").load("getList.do?type=1);
}
在getList.do方法中,返回一个列表的中间页面:
pulbic String doGetList(Model model) {
model.put("list",list);
return "page/listPage";
}
然后在中间页面listPage.jsp中,用foreach标签迭代出列表,然后翻页的功能由标签<page:page>完成:
<page:page url="getList.do?handType=type&" pageSize="${pageSize}" pageIndex="${pageIndex}" pageMax="${totalPage}" partMark="true" callBack="doPageAction"></page:page>
/**
* 翻页回调方法
*/
function doPageAction(url){
var pageActionUrl = url+"&op_user_id="+op_user_id;
$("#tb_have").load(pageActionUrl);
}
标签:load,翻页,标签,list,列表,ajax,刷新,页面 From: https://blog.51cto.com/u_16240770/7279007