jq实现前缩后缩分页和从后台获取数据的方法-创新互联

1.分页
前缩后缩情况

网站设计制作过程拒绝使用模板建站;使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统;网站设计制作、成都做网站收费合理;免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了十余年的创新互联建站网站建设公司。
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);       });

    另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    新闻名称:jq实现前缩后缩分页和从后台获取数据的方法-创新互联
    网站网址:http://ybzwz.com/article/djsgie.html