1.jquery下ajax分页的
<div class="pagination pagination-right pagination-small">
<ul>
<li>
<c:if test="${page.pageNo>1 }">
<a href="${pageControl.url}&page.pageNo=${page.pageNo-1}" >《上一页</a>
</c:if>
</li>
<c:if test="${pageControl.start>1 }">
<li>
<a href="${pageControl.url}&page.pageNo=1" class="number" >1</a>
</li>
<li>
<span>...</span>
</li>
</c:if>
<c:forEach begin="${pageControl.start }" end="${pageControl.end }" var = "i">
<c:choose>
<c:when test="${page.pageNo eq i}">
<li class="active">
<a href="${pageControl.url}&page.pageNo=${i}" class="number">${i }</a>
</li>
</c:when>
<c:otherwise>
<li class="disabled">
<a href="${pageControl.url}&page.pageNo=${i}" class="number">${i }</a>
</li>
</c:otherwise>
</c:choose>
</c:forEach>
<c:if test="${pageControl.end<page.totalPages}">
<li>
<span>...</span>
</li>
<li>
<a href="${pageControl.url}&page.pageNo=${page.totalPages}" class="number">${page.totalPages }</a>
</li>
</c:if>
<li>
<c:if test="${page.pageNo <page.totalPages }">
<a href="${pageControl.url}&page.pageNo=${page.pageNo+1}" >下一页》</a>
</c:if>
</li>
</ul>
</div>
对应的js调用如下
function pageTurning(queryString, pageNo) {
$.ajax({
type : 'GET',
url : '${ctx}/pregnancy-personal!search?' + queryString
+ '&page.pageNo=' + pageNo,
success : function(data) {
$("#search-result").html(data);
}
});
return false;
}
function Pagination(queryString, i) {
$.ajax({
type : 'GET',
url : '${ctx}/pregnancy-personal!search?' + queryString
+ '&page.pageNo=' + i,
success : function(data) {
$("#search-result").html(data);
}
});
return false;
}
queryString代码如下
queryString = ServletActionContext
.getRequest().getQueryString();
PageControl的控制类代码如下
public class PageControl {
private String url;
private int start;
private long end;
/**
* 根据当前页码,总页数构建开始和结束显示页码数
* @param pageNo 当前显示的页
* @param totalPage 总页数
*/
public void buildPageLoop(int pageNo, long totalPage){
// avgPageCount 要显示的页数的平均总数
// 总页数大于想要显示的页数
int avgPageCount = 5;
if (totalPage > avgPageCount) {
// 当前页大于要显示的中间页
if (pageNo > avgPageCount / 2 + 1) {
// 当前页是后面的x条记录时
if (pageNo > totalPage - (avgPageCount / 2 + 1)) {
this.start = pageNo - (avgPageCount / 2 + 1);
this.end = totalPage;
} else {
this.start = pageNo - (avgPageCount / 2 + 1);
this.end = pageNo + (avgPageCount / 2 + 1);
}
} else {
// 当前页小于最小的中间页5的时候,只需设置其范围为1——pageNo+avgPageCount/2+1
this.start = 1;
this.end = pageNo + avgPageCount / 2 + 1;
}
} else {
this.start = 1;
this.end = totalPage;
}
}
/**
* 根据请求构建分页的url内容
* @param request
*/
public void buildPageUrl(HttpServletRequest request) {
String queryString = ActionUtils.buildQueryString(ServletActionContext
.getRequest());
String url = ServletActionContext.getRequest().getRequestURI().toString();
if(url.indexOf("!search") >0) {
//搜索页面的页面跳转
url = url +"?"+queryString;
}else{
//首页的页面跳转
url = url.substring(0, url.length()-1) + "!search?" + queryString;
}
this.url = url;
}
public int getStart() {
return start;
}
public void setStart(int start) {
this.start = start;
}
public long getEnd() {
return end;
}
public void setEnd(long end) {
this.end = end;
}
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
分享到:
相关推荐
php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax分页php+ajax...
ajax 分页ajax 分页ajax 分页
Ajax + JavaScript + MySQL 实现的Ajax分页功能
不错的ajax 分页 希望可以跟大家共享 一起学习!
其中包含6款Ajax分页Demo,文字分页、图片分页都可以。具有一定特效、很炫。基本已经满足各种web分页开发了。
ajax分页视频教程
jquery ajax分页插件 jquery ajax分页插件 jquery ajax分页插件
压缩包中包含了 三个不同的压缩文件 Ajax分页 Asp.net 分页 以及提供这些分页的项目代码和真实的Demo 可以下载下来直接 运行 ...
jquery无刷新分页、排序 利用jquery实现的ajax无刷新分页以及排序,支持多种格式无刷新更换,数据库采用的是Sql2000自带的NorthWind数据库 数据库控制使用的是SqlHelper
ASP.NET+AJAX分页ASP.NET+AJAX分页ASP.NET+AJAX分页ASP.NET+AJAX分页
ASP + Ajax 分页实例 在不刷新网页的状态进行分页。
里面实现了正常的分页及AJAX分页。 正常分页把IsAjax不赋值即可。IsAjax默认是false. 有什么问题可以联系我QQ107639524 由于本人不小心。使用的时候可以删除PageIndex.cshtml 中的 @using (Html.BeginForm(...
这个前端分页主要用到kkpager插件,用kkpager分页封装
ajax分页查询完美示例.rar ajax分页查询完美示例.rar ajax分页查询完美示例.rar
asp.net AJAX分页 分页代码asp.net AJAX分页 分页代码asp.net AJAX分页 分页代码asp.net AJAX分页 分页代码
java+Ajax分页
php经典分页类,Ajax分页,多样式分页形式。
JSP环境下的AJAX分页示例,实现的分页技术
前端分页,ajax分页,js分页,java分页,最好的分页
jquert+ajax分页技术一个小dameo感觉还不错,拿出来和朋友一起分享