首页 > jquery+ajax如何实现无刷新分页

jquery+ajax如何实现无刷新分页


请求回来的json数据,如何实现图上的效果。

$("#Pagination").pagination(56, {
    num_edge_entries: 2,//两侧显示的首尾分页的条目数
    num_display_entries: 4, //连续分页主体部分显示的分页条目数
    callback: pageselectCallback,
    items_per_page:1
});

这段代码表示的含义是:总共有56(maxentries)个列表项,首尾两侧分页显示2(num_edge_entries)个,连续分页主体数目显示4(num_display_entries)个,回调函数为pageselectCallback(callback),每页显示的列表项为1(items_per_page)个。

下载了一个jquery.Pagination插件,但是不会用,用ajax请求回来的数据,如何应用到这个插件上面,主要是AJAX请求这一块没有思路,主要page这里不是很会算,没有思路;

当在第一页的时候,首页和上一页是禁用的,这里要写到插件的回调里面还是写在ajax请求回调里面;

最好有没类似的demo参考一下;


分页插件我没用过,都是自己写的,原理很简单啊。一般是通过id或当前页的最后一条的时间分页,如果每页的数量前端是已知的也可以用当前的page分页。然后ajax返回数据的同时,可以把用于分页的数据传过来,具体传什么看你的分页怎么设计了,比如当前的页page和总页total_page,前端页面显示page这个数字所在的页,如果page等于1或者total_page,那就是首页和最后一页,禁用“上一页”和“下一页”。

可以参考下:https://www.sanwebe.com/2013/...

第三方组件一般都有使用方法吧,比如 https://github.com/infusion/j...


上 pjax http://www.cnblogs.com/zichi/...

【热门文章】
【热门文章】