页面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); }
相关推荐
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05
坚持着执着 2020-07-05