ajax实现分页:
1.Pager实体类
pageIndex//当前页数,动态的
pageSize//每页显示的数据数目 固定的
pageCount//总页数,根据pageSize和totalCount计算出来
totalCount//总数据数目,从数据库查出来
list//数据集合,将查询出来集合保存在这
firstData//查询的起始位置根据pageIndex和pageSize计算
2.查询语句
(1)select * from 表
limit #{firstData},#{pageSize}
(2)select count(1) from 表
3.mapper service 不用说
controller
@RequestMapping
@ResponseBody
public ModelAndView getList(ModelAndView m,Pager pager){
pager.setTotalCount(从库里查出总数)
pager.setPageSize(看自己需求)
......//把pager设置好,pageSize不用设置,这个是从前台传过来保存到pager里面了
//查询
pager.setList(service.getList(pager));
//保存在ModelAndView里面
m.addObject("pager",pager);
//设置逻辑视图名选择视图,会自动渲染好视图然后将视图返回到回调函数内
m.setViewName("index")
return m;
}
//看一看index.jsp的代码
<c:forEach items="${pager.list}" var="item">
<tr>
<td>${item.name}</
</tr>
</c:forEach>
<div>
<a class="pageBtn" pageIndex="${pageIndex-1}">上一页</
<a class="pageBtn" pageIndex="${pageIndex+1}">下一页</
</
//主页面的关键代码
<div id="fatherDiv"></
4.JS代码
//写一个function,需要传入一个参数pageIndex这个pageIndex是从前台得到的
//调用function
//在页面第加载成功时,显示第一页
getList(1);
//当点击页数的时候,使用事件委托,当点击fatherDiv下面的pageBtn时会出发click事件
1.Pager实体类
pageIndex//当前页数,动态的
pageSize//每页显示的数据数目 固定的
pageCount//总页数,根据pageSize和totalCount计算出来
totalCount//总数据数目,从数据库查出来
list//数据集合,将查询出来集合保存在这
firstData//查询的起始位置根据pageIndex和pageSize计算
2.查询语句
(1)select * from 表
limit #{firstData},#{pageSize}
(2)select count(1) from 表
3.mapper service 不用说
controller
@RequestMapping
@ResponseBody
public ModelAndView getList(ModelAndView m,Pager pager){
pager.setTotalCount(从库里查出总数)
pager.setPageSize(看自己需求)
......//把pager设置好,pageSize不用设置,这个是从前台传过来保存到pager里面了
//查询
pager.setList(service.getList(pager));
//保存在ModelAndView里面
m.addObject("pager",pager);
//设置逻辑视图名选择视图,会自动渲染好视图然后将视图返回到回调函数内
m.setViewName("index")
return m;
}
//看一看index.jsp的代码
<c:forEach items="${pager.list}" var="item">
<tr>
<td>${item.name}</
</tr>
</c:forEach>
<div>
<a class="pageBtn" pageIndex="${pageIndex-1}">上一页</
<a class="pageBtn" pageIndex="${pageIndex+1}">下一页</
</
//主页面的关键代码
<div id="fatherDiv"></
4.JS代码
//写一个function,需要传入一个参数pageIndex这个pageIndex是从前台得到的
function getList(pageIndex){
$.ajax({
url:"",//handler路径
data:"pageIndex="+pageIndex,
dataType:"html",
success:function(data){
$("#fatherDiv").html(data)//将返回来的页面放在fatherDiv里面
}
});
}
//调用function
//在页面第加载成功时,显示第一页
getList(1);
//当点击页数的时候,使用事件委托,当点击fatherDiv下面的pageBtn时会出发click事件
$("#fatherDiv").function("click",".pageBtn",function(e){
//得到需要显示的页码
var pageIndex=$(e.target).attr("pageIndex");
//调用function,到这里就完成了ajax分页
getList(pageIndex);
})