前端页面开发,用于展示列表数据的时候,一般都会采用分页的形式来展示数据,数据是通过ajax异步请求后台服务器返回的,下面来介绍下前端页面代码如何分页、中间页码省略、ajax异步查询分页
工具/原料
1
jquery
2
jquery.pagination.js
方法/步骤
2
添加用户展示分页的div标签段,分页插件会基于该标签生成分页
3
添加分页初始化代码,$('.mypage').pagination();则是调用插件方法初始化分页组件
4
分页展示的数据是从后台服务器读取的,则添加ajax请求,异步获取数据内容
5
打开浏览器,输入本地测试html文件地址,可以看到分页正常展示出来
6
点击页面前后翻页,翻页到中间页码时,两边出现省略页码。通过上面的例子,可以看出,借助于分页插件实现的翻页功能,非常简单,功能齐全,配置也很灵活。
注意事项
jquery分页插件pagination,有很多种分页属性可以设置,本例只展示了其中一种