ajax异步分页插件pagination详解

最新推荐文章于 2021-08-06 00:33:36 发布

Leone_

最新推荐文章于 2021-08-06 00:33:36 发布

阅读量829

点赞数 2

分类专栏： pagination 文章标签： pagination

本文链接：https://blog.youkuaiyun.com/qq_32497361/article/details/77868400

版权

pagination 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种用于网页的分页插件实现方法，包括JavaScript代码配置及回调函数的具体应用。通过此插件可以轻松实现页面内容的分页显示，并提供了插件初始化和数据加载的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
    if(window.name){
// 刷新获取页码
    }
    $('.M-page').pagination({
        pageCount:${totalPage},//获取总页数
        jump:true,
        coping:true,
        homePage:'首页',
        endPage:'末页',
        prevContent:'上页',
        nextContent:'下页',
        callback:function(api){
            //回调函数
            var data = {
                currentPage: api.getCurrent()
            };
            $.getJSON('url',data,function(data,api){
                Initialization(data,api);
            });
        }
    },function(api){//对插件进行初始化
        var data = {
            currentPage: api.getCurrent()
        };
        $.getJSON('url',data,function(data,api){
            Initialization(data,api);
        });
    });

    function Initialization(data,api){
        //处理ajax数据写入页面
    }
</script>

效果图:

需要插件的下载：http://download.youkuaiyun.com/download/qq_32497361/9967012