页面ajax刷新的一种方式

        在做页面异步刷新时，以前的做法是，通过$.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);
}