使用Bootstrap前端分页的JavaScript该怎么写？

Question

<nav>

  <ul class="pagination">

    <li>

      <a href="#" aria-label="Previous">

        <span aria-hidden="true">&laquo;</span>

      </a>

    </li>

    <li><a href="#">1</a></li>

    <li><a href="#">2</a></li>

    <li><a href="#">3</a></li>

    <li><a href="#">4</a></li>

    <li><a href="#">5</a></li>

    <li>

      <a href="#" aria-label="Next">

        <span aria-hidden="true">&raquo;</span>

      </a>

    </li>

  </ul>

</nav>

项目是Html的，而不是类似Jsp的服务端动态模板，后端采用物理分页，也就是说除了一个list对象集合，还有一个总条数total和当前页数pageNo（pageSize默认固定前后端都为10），不太会javaScript，求有写好的同学和前辈分享下或提供一些参考资料，谢谢大家了~

Answer 1

如果题主问的不是楼上说的加载数据的解决方法，那就是点击左右两边显示其他的页数的问题咯？简单的方法就不用设什么超出隐藏了，既然固定死了左右各五个，默认实现五个，一共十个，那就通过点击左右两边的方法，直接改变中间五个标签里的值咯，左右就是加载0到5，右边就是加载6到10。如果是加载数据，就是楼上说的给链接加后缀咯，根据相应的后缀 ，用ajax加载相应的数据嘛。