关于分页,最近学习了下jquery中的分页技术,核心是用ajax和数据库中的limit函数。代码示例如下
jquery分页
$().ready(function() {
InitData(0);
});
function pageselectCallback(page_id, jq) {
InitData(page_id);
}
function InitData(pageindex) {
$.ajax( {
type : "post",
datatype : "html",
url : "../User/SelectUserByPageIndex.do",
data : "pageIndex=" + (pageindex + 1) + "&pageSize=" + items_per_page,
success : function(data) {
$("#user_div").html('').append(data);
},
error : function() {
alert("ajax请求出错");
}
});
$("#pagination").pagination(<%=userCount%>,{
callback:pageselectCallback,
first_text:'第一页',
last_text:'最后一页',
prev_text:'上一页',
next_text:'下一页',
items_per_page:5,
num_display_entries:6,
current_page:pageindex,
num_edge_entries:5
});
}
原理大家能看得差不多,就是页面刚加载的时候,在userdiv中加载第一页的数据,然后点下一页的时候,通过ajax加载第二页的数据。从而实现分页功能。
而jquery封装好了分页时候的首页,下页等请求。我们需要的是页面刚加载的时候给页面一个总个数(usercount)让jquery计算好需要分多少页。
而pageindex和pagesize可以由我们自己控制。获取我们需要的数据。 |
|