本文实例为大家分享了jQuery Pagination分页插件的具体代码，供大家参考，具体内容如下

一、引用CSS和JS：

<link href="/Content/Plugins/jQuery.Pagination_v2.2/pagination.css" rel="external nofollow" rel="stylesheet"
 type="text/css" />
<script src="/Content/Plugins/jQuery.Pagination_v2.2/jquery.pagination.js" type="text/javascript"></script>

二、HTML：

<div id="Pagination" class="flickr" style="margin-top: 10px; margin-left: 10px;">
</div>

三、JS：

$(function () {
 var total = parseInt("@(ViewBag.total)");
 var page = parseInt("@(ViewBag.page)") - 1;
 var pageSize = parseInt("@(ViewBag.pageSize)");

 $("#Pagination").pagination(total, {
 callback: function (page_id) {
  window.location = "BoardList?page=" + page_id + "&pageSize=" + this.items_per_page;
 }, //PageCallback() 为翻页调用次函数。
 prev_text: " 上一页",
 next_text: "下一页 ",
 items_per_page: 10, //每页的数据个数
 num_display_entries: 1, //两侧首尾分页条目数
 current_page: page, //当前页码
 num_edge_entries: 11 //连续分页主体部分分页条目数
 });
});

四、后台代码：

public ActionResult BoardList()
{
 PagerModel pager = new PagerModel();
 if (Request["page"] == null)
 {
 pager.page = 1;
 pager.rows = 10;
 pager.sort = "Id";
 pager.order = "desc";
 }
 else
 {
 pager.page = int.Parse(Request["page"]) + 1;
 pager.rows = int.Parse(Request["pageSize"]);
 pager.sort = "Id";
 pager.order = "desc";
 }

 boardManageService.GetList(ref pager);
 List<BoardModel> boardList = pager.result as List<BoardModel>;
 ViewData["BoardModelList"] = boardList;
 ViewBag.page = pager.page;
 ViewBag.total = pager.totalRows;
 ViewBag.pageSize = pager.rows;

 return View();
}
#endregion

更多精彩内容请点击：jquery分页功能汇总进行学习。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# jQuery  # Pagination  # 分页插件  # jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版  # jQuery DataTables插件自定义Ajax分页实例解析  # jquery pagination插件实现无刷新分页代码  # jquery分页插件jquery.pagination.js使用方法解析  # 一款Jquery 分页插件的改造方法（服务器端分页）  # Jquery 分页插件之Jquery Pagination  # 分享一个自己动手写的jQuery分页插件  # 快速掌握jquery分页插件jqPaginator的使用方法  # jquery插件pagination实现无刷新ajax分页 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 黑客入侵网站服务器的常见手法有哪些？  如何在云主机快速搭建网站站点？  php485函数参数是什么意思_php485各参数详细说明【介绍】  制作电商网页,电商供应链怎么做？  HTML 中如何正确使用模板变量为元素的 name 属性赋值  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  如何在万网自助建站中设置域名及备案？  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  网站建设保证美观性，需要考虑的几点问题！  网站制作软件有哪些,制图软件有哪些？  大连 网站制作,大连天途有线官网？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  Firefox Developer Edition开发者版本入口  PythonWeb开发入门教程_Flask快速构建Web应用  javascript基本数据类型及类型检测常用方法小结  EditPlus中的正则表达式实战(6)  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  英语简历制作免费网站推荐,如何将简历翻译成英文？  香港服务器选型指南：免备案配置与高效建站方案解析  b2c电商网站制作流程,b2c水平综合的电商平台？  如何在IIS中新建站点并解决端口绑定冲突？  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  如何彻底删除建站之星生成的Banner？  如何用狗爹虚拟主机快速搭建网站？  如何在阿里云ECS服务器部署织梦CMS网站？  Laravel怎么判断请求类型_Laravel Request isMethod用法  Laravel如何使用Contracts（契约）进行编程_Laravel契约接口与依赖反转  如何在服务器上配置二级域名建站？  EditPlus中的正则表达式 实战(2)  HTML 中动态设置元素 name 属性的正确语法详解  JavaScript实现Fly Bird小游戏  西安专业网站制作公司有哪些,陕西省建行官方网站？  Laravel Session怎么存储_Laravel Session驱动配置详解  Laravel中间件如何使用_Laravel自定义中间件实现权限控制  网站制作大概多少钱一个,做一个平台网站大概多少钱？  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  如何快速搭建高效可靠的建站解决方案？  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  ,怎么在广州志愿者网站注册？  轻松掌握MySQL函数中的last_insert_id()  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  在线制作视频的网站有哪些,电脑如何制作视频短片？  如何在腾讯云服务器快速搭建个人网站？  Laravel如何使用Blade组件和插槽？（Component代码示例）  海南网站制作公司有哪些,海口网是哪家的？  如何快速搭建高效香港服务器网站？  如何快速搭建二级域名独立网站？  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】