页面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);
}

   

  

   

相关推荐