多语言展示
当前在线:1793今日阅读:190今日分享:11

ajax分页省略的页码如何实现

前端页面开发,用于展示列表数据的时候,一般都会采用分页的形式来展示数据,数据是通过ajax异步请求后台服务器返回的,下面来介绍下前端页面代码如何分页、中间页码省略、ajax异步查询分页
工具/原料
1

jquery

2

jquery.pagination.js

方法/步骤
2

添加用户展示分页的div标签段,分页插件会基于该标签生成分页

3

添加分页初始化代码,$('.mypage').pagination();则是调用插件方法初始化分页组件

4

分页展示的数据是从后台服务器读取的,则添加ajax请求,异步获取数据内容

5

打开浏览器,输入本地测试html文件地址,可以看到分页正常展示出来

6

点击页面前后翻页,翻页到中间页码时,两边出现省略页码。通过上面的例子,可以看出,借助于分页插件实现的翻页功能,非常简单,功能齐全,配置也很灵活。

注意事项

jquery分页插件pagination,有很多种分页属性可以设置,本例只展示了其中一种

推荐信息