js加ajax实现分页

自己通过js加ajax写了一个分页记录一下

                                   
            var Page=5;//一页的条数
            //多条件查询
            function selectonclike (top) {
                if(top==null)top=0;
        console.log("查询");
                $.ajax({
                    type: "POST",
                    url: "",
                    data: {},
                    dataType: "json",
                    success: function(data){
                        var jsondata=data;
                        $('.listtable').empty();   //清空resText里面的所有内容
                        var html = '';
                        var html2='';
                        var i=0;
                        var long=0;
                        i=top*Page-1;
                        long=(top+1)*Page;
                        numno=jsondata.length;
                        $.each(jsondata,function (index,items) {
                                if(index>i&&index<long){
                                //插入数据填充
                               }
                        });
                        $('.listtable').html(html);
                        $('#im_page').empty();
                        console.log("总条数"+jsondata.length);
                        if(jsondata.length>0) {
                            var html4='';
                            var PageNoCount=0;
                            if(!Number.isInteger(jsondata.length / Page)){
                                 PageNoCount = parseInt(jsondata.length / Page)+1;
                            }else {
                                PageNoCount = parseInt(jsondata.length / Page);
                            }
                            console.log("总页数"+PageNoCount);
                            console.log("当前页码"+top);
                            var PageCount=jsondata.length;
                            if(top!=0)html4+='<li class="im-indexpage"><a οnclick="selectonclike('+0+')">首页</a></li><li class="im-nextpage"><a οnclick="selectonclike('+(top-1)+')">上一页</a></li>';
                                    var no=0;
                            for (var i=top-2;i<PageNoCount;i++){
                                        if(i==-2)continue;
                                        if(i==-1)++i;
                                        html4+='<li class="im-pagenum"><a οnclick="selectonclike('+i+')">'+(i+1)+'</a></li>';
                                        no++;
                                        if (no>=5){
                                            break;
                                        }
                            }
                            if(top+1<PageNoCount){
                                html4+='<li class="im-nextpage"><a οnclick="selectonclike('+(top+1)+')">下一页</a></li><li class="im-indexpage"><a οnclick="selectonclike('+(PageNoCount-1)+')">尾页</a></li>';
                            }
                            $('#im_page').html(html4);
                        }
                    }
                });
            }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值