添加分页插件

最新推荐文章于 2024-10-16 19:30:24 发布

原创最新推荐文章于 2024-10-16 19:30:24 发布 · 518 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #分页 #django

前端专栏收录该内容

5 篇文章

订阅专栏

去网上随便搜了一个jquery分页插件，http://www.lanrenzhijia.com/jquery/fenye-jquery.page.html，大概步骤是利用回调函数返回的页码P构造url，去刷新页面的url，但是插件也会更着被刷新，所有参数current不能用常数1，设置一个变量去URL里面获取，代码如下：

<script>
    //获取url参数
    function GetQueryString(name)
    {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }
    var current_page;
    var para_page = GetQueryString("page");
    if (para_page != null)
    {
        current_page = para_page;
    }
    else
    {
        current_page = 1;
    }
    $(".tcdPageCode").createPage({
        pageCount:{{paginator.num_pages}},
        current:parseInt(current_page),  //转换成INT型，十分重要不然会出现页数过多的时候，中间页码无法压缩和页码重复的情况
        backFn:function(p){
            //console.log(p);
            //page_obj.num_pages
            /*回调函数返回的p是页码,用页码可以构造出目标url,?page=p*/
            page_url = "?page=" + p;
            //$(".output").text(page_url);
            window.location.href = page_url;    //哟，这个url重新赋值居然还支持相对url
        }
    });
</script>

这个方法没有用到ajax技术，网上主流的方法是前台用ajax向后台请求，然后后台返回数据（json，html等）给前台，再用DOM编程（REMOVE APPEND），达到无刷新更新页面的目的，这块我才学习不是很熟，并没有去尝试实现。

另外佐神告诉我说前台也可以接受request？这点表示疑问