jquery前缩后缩分页和从后台获取数据代码

1.分页
前缩后缩情况

创新互联公司专注于长泰网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供长泰营销型网站建设,长泰网站制作、长泰网页设计、长泰网站官网定制、成都微信小程序服务,打造长泰网络公司原创品牌,更为您提供长泰网站排名全网营销落地服务。

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); });

    名称栏目:jquery前缩后缩分页和从后台获取数据代码
    文章出自:http://bzwzjz.com/article/jsisdd.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 专业网站设计 外贸网站建设 做网站设计 高端网站建设 温江网站设计 专业网站建设 网站建设费用 成都网站制作 网站制作报价 成都网站制作 成都商城网站制作 手机网站建设 重庆网站设计 网站设计 成都网站设计 网站制作 成都网站设计 成都网站制作 成都网站建设公司 成都定制网站建设 企业网站设计 成都定制网站建设