laravel框架实现分页效果

一、index.html里的代码

1. 页码进行渲染

//渲染页码
function loadPage(pageCount){
    //清空原有的分页标签
    $('.pagination li').remove()
    //上一页
    var pre=`<li>
             <a href="#" aria-label="Previous">
                  <span aria-hidden="true">&laquo;</span>
             </a>
        </li>`
    $('.pagination').append(pre);

    for(var i=1;i<=pageCount;i++){
        if(i==page){
            var li=`<li class="active" data-page="${i}"><a href="#">${i}<span class="sr-only"></span></a></li>`;
        }else{
            var li=`<li data-page="${i}"><a href="javascript:void 0">${i}</a></li>`;
        }

        $('.pagination').append(li);