jquery的pagination无刷新分页

最新推荐文章于 2022-09-07 09:33:58 发布

猿序程

最新推荐文章于 2022-09-07 09:33:58 发布

阅读量1k

点赞数

分类专栏： jQuery插件

本文链接：https://blog.csdn.net/wei_jie_zhang/article/details/37904723

版权

jQuery插件专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!--分页-->
<script type="text/javascript">
    var pageIndex = 0;     //页面索引初始值  
    var pageSize = 5;    //每页显示条数初始化

    $(function() {
        InitTable(0);    //Load事件，初始化表格数据，页面索引为0（第一页）  
                                                              
        //分页，PageCount是总条目数，这是必选参数，其它参数都是可选  
        $(".Pagination").pagination(<%=pageCount %>, {  
            callback: PageCallback,  
            prev_text: '上一页',       //上一页按钮里text  
            next_text: '下一页',       //下一页按钮里text  
            items_per_page: pageSize,  //显示条数  
            num_display_entries: 6,    //连续分页主体部分分页条目数  
            current_page: pageIndex,   //当前页索引  
            num_edge_entries: 2        //两侧首尾分页条目数  
        });  
              
        //翻页调用  
        function PageCallback(index, jq) {             
            InitTable(index);  
            return false;
        }  

        //请求数据  
        function InitTable(pageIndex) {                                  
            $.ajax({   
                type: "POST",  
                dataType: "json",  
                url: '/Tools/PagerHandler.ashx',      //提交到一般处理程序请求数据  
                data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize + "&where=<%=HtmlWhere %>",        //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)                  
                success: function(data) {       
                    
                }  
            });      
        }
    });  
</script>