AJAX分页

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(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);
	})