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://myzitong.com/article/jsisdd.html