添加分页插件

去网上随便搜了一个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?这点表示疑问

你可能感兴趣的:(jquery,django,分页)