前端js分页

HTML页面: 

Ajax请求返回的数据: 

前端js分页_第1张图片

JS代码: 

/**
 * @param pageTotal  总页数
 * @param currentPage   当前页
 * @param ulId  显示页码的ul的id值
 * @param findPageFunctionName  分页查询的js方法名
 */
function showPage(pageTotal, currentPage, ulId, findPageFunctionName) {
    var pagination = $("#"+ulId+"");
    pagination.empty();

    if (pageTotal > 7){
        var current = currentPage-2;
        var flag = true;
        var firstPoint = false;
        var lastPoint = true;
        if (currentPage == 0){
            pagination.append("
  • "); pagination.append("
  • "+1+"
  • "); }else { pagination.append("
  • "); pagination.append("
  • "+1+"
  • "); } if (currentPage>3){ pagination.append("
  • ...
  • "); firstPoint = true; } for (var i = 1; i < pageTotal-1; i++){ if (firstPoint){ if (currentPage >= pageTotal-2) { if (flag){ if (currentPage == pageTotal-2) { current -= 1; }else { current -= 2; } flag = false; } } if (i >= current && currentPage+2 >= i){ if (i == currentPage){ pagination.append("
  • "+(i+1)+"
  • "); }else { pagination.append("
  • "+(i+1)+"
  • "); } } }else { if (i == currentPage){ pagination.append("
  • "+(i+1)+"
  • "); }else { if (i < 5){ pagination.append("
  • "+(i+1)+"
  • "); } } } } if (currentPage+3 < pageTotal && currentPage+4 != pageTotal){ if (lastPoint){ pagination.append("
  • ...
  • "); lastPoint = false; } } if (pageTotal != 1) { if (currentPage == pageTotal-1){ pagination.append("
  • "+pageTotal+"
  • "); }else { pagination.append("
  • "+pageTotal+"
  • "); } } if (currentPage == pageTotal-1){ pagination.append("
  • "); }else { pagination.append("
  • "); } }else { if (currentPage == 0){ pagination.append("
  • "); }else { pagination.append("
  • "); } for (var i = 0; i < pageTotal; i++){ if (currentPage == i){ pagination.append("
  • "+(i+1)+"
  • "); }else { pagination.append("
  • "+(i+1)+"
  • "); } } if (currentPage == pageTotal-1){ pagination.append("
  • "); }else { pagination.append("
  • "); } } }

    实现效果(为了实现这个效果,我已经不择手段了):

    当页数不超过7页时

    当页码超过7页时

     

     

     

    你可能感兴趣的:(Java,JavaScript)