jQuery实现分页功能（含ajax请求、后台数据、附完整demo）

需求分析

　　1）需要首页，末页功能

　　2）有点击查看上一页，下一页功能

　　3）页码到当前可视页码最后一页刷新页面

实现思路

也是分为三部分处理

　　1）点击首页，末页直接显示第一页或者最后一页内容，当前页面为第1页或者最后一页。隐藏首页或者末页按钮。demo 显示截图

　　首页状态 和 末页状态代码执行结果截图

　　2）点击可视页码截图

　　3）点击上一页或者下一页，，需要刷新页码状态时截图，昨天表示当前页码为7，右图是点击上一页，刷新页码时的状态

代码参数说明

<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="data/data.js" type="text/javascript"></script>
<script src="js/sendAjax.js" type="text/javascript"></script>
<script src="js/page.js" type="text/javascript"></script>
<script>
 /* 初始化页面 */
 var initTotalPageNum = 11;
 $("#ui-page").paging({pageSize:5,totalPage:initTotalPageNum});
 </script>

为了区分清楚，所以把每一个文件都分开写了。

data.js 　　　　　　　　　　　　　　//是用json模拟的后台数据.

sendAjax.js 　　　　　　　　　　　　//是模拟的ajax请求后台数据的文件

page.js 　　　　　　　　　　　　　　//是封装的生成页码的功能

initTotalPageNum　　　　　　　　//模拟的后台传入的数据总页码

pageSize　　　　　　　　　　　　//自定义参数，可以定义可视区域代码,当前demo。pageSize = 5,initTotalPageNum=3 小于pageSize 的时候，显示状态如下图所示

代码优缺点

　　1）使用ajax可以实现局部刷新，但是不利于seo

　　2) 生成页码没有改变dom结构，只变化页码

最近项目中的需求，自己写的一个。有时间的话会用js实现一遍。

有需要的话，完整demo ，点此下载 

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# ajax请求分页  # jquery  # ajax  # 分页  # ajax分页实例  # 用jQuery中的ajax分页实现代码  # JQuery+Ajax无刷新分页的实例代码  # jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版  # jQuery DataTables插件自定义Ajax分页实例解析  # JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现  # 使用PHP+JQuery+Ajax分页的实现  # MVC+jQuery.Ajax异步实现增删改查和分页  # 使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页  # jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页）  # jquery+Ajax实现简单分页条效果  # 首页  # 末页  # 上一页  # 下一页  # 一遍  # 点此  # 点击查看  # 写了  # 自定义  # 可以实现  # 所示  # 这篇文章  # 会用  # 谢谢大家  # 第一页  # 如下图  # 为三  # 右图  # 昨天  # 把每 

相关文章： 如何注册花生壳免费域名并搭建个人网站？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  已有域名如何快速搭建专属网站？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  *服务器网站为何频现安全漏洞？  建站之星如何优化SEO以实现高效排名？  如何做网站制作流程,*游戏网站怎么搭建？  如何在云主机快速搭建网站站点？  个人摄影网站制作流程,摄影爱好者都去什么网站？  简历在线制作网站免费版,如何创建个人简历？  建站之星代理费用多少？最新价格详情介绍  网站设计制作公司地址,网站建设比较好的公司都有哪些？  建站之星安装需要哪些步骤及注意事项？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  如何用低价快速搭建高质量网站？  PHP 500报错的快速解决方法  广州营销型建站服务商推荐：技术优势与SEO优化解析  公司网站制作需要多少钱,找人做公司网站需要多少钱？  如何用景安虚拟主机手机版绑定域名建站？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  专业商城网站制作公司有哪些,pi商城官网是哪个？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  网站插件制作软件免费下载,网页视频怎么下到本地插件？  建站之星展会模板：智能建站与自助搭建高效解决方案  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  如何快速配置高效服务器建站软件？  c# 在ASP.NET Core中管理和取消后台任务  如何快速生成ASP一键建站模板并优化安全性？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  如何有效防御Web建站篡改攻击？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  视频网站制作教程,怎么样制作优酷网的小视频？  建站主机选择指南：服务器配置与SEO优化实战技巧  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  如何挑选优质建站一级代理提升网站排名？  如何通过VPS搭建网站快速盈利？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  如何在Windows服务器上快速搭建网站？  Python文件管理规范_工程实践说明【指导】  如何用IIS7快速搭建并优化网站站点？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站主机是否属于云主机类型？  小型网站制作HTML,*游戏网站怎么搭建？  如何做静态网页,sublimetext3.0制作静态网页？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？