资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jq实现前缩后缩分页和从后台获取数据的方法

1.分页
前缩后缩情况

创新互联主营枣庄网站建设的网络公司,主营网站建设方案,重庆App定制开发,枣庄h5重庆小程序开发公司搭建,枣庄网站营销推广欢迎枣庄等地区企业咨询

function createPage(currentpage, totlepage) {
            //创建20个页码

            //根据当前页  实现  后缩  前后缩   前缩
            var str = "";
            str += "
  • 上一页
  • "            //1...1617181920   当前页在后边显示            //1 2 3 4 5....20   当前页在前边显示            for (var i = 1; i <= totlepage; i++) {                if (i == 2 && currentpage - 3 > i) {                    //前缩                    i = currentpage - 3;                    str += "
  • ...
  • ";                }                else if (i == currentpage + 3 && currentpage + 3 < totlepage) {                    //后缩                    i = totlepage - 1;                    str += "
  • ...
  • ";                }                else {                    if (i == currentpage) {                        str += "
  • " + i + "
  • "                    }                    else {                        str += "
  • " + i + "
  • "                    }                }            }            str += "
  • 下一页
  • "            return str;        }

    2.从后台获取数据方法

    pageData.forEach(function(val,index){
                    var pardiv=$("
    ");                var spanid=$(""+val.id+"");                var spanclass=$(""+val.classid+"");                var spanname=$(""+val.name+"");                var spansex=$(""+val.sex+"");                var spanage=$(""+val.age+"");                var spantel=$(""+val.tel+"");                var spanaddress=$(""+val.address+"");                var spanemail=$(""+val.email+"");                pardiv.append(spanid);                pardiv.append(spanclass);                pardiv.append(spanname);                pardiv.append(spansex);                pardiv.append(spanage);                pardiv.append(spantel);                pardiv.append(spanaddress);                pardiv.append(spanemail);                $(".content").append(pardiv);            });


    网站名称:jq实现前缩后缩分页和从后台获取数据的方法
    转载来于:http://cdkjz.cn/article/pgopoj.html
    多年建站经验

    多一份参考,总有益处

    联系快上网,免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈,可以通过以下方式与我们联系

    大客户专线   成都:13518219792   座机:028-86922220