本文摘自PHP中文网,作者Y2J,侵删。
本篇文章主要介绍了 asp.net Mvc4 使用ajax结合分页插件实现无刷新分页,ajax通过回调函数把控制器返回的分部视图内容加载到主视图中显示,有兴趣的可以了解一下。本文为在mvc4中使用ajax实现无刷新分页demo,记录一下。
解决方案思想:页面数据的初始加载和按页加载都是通过ajax来进行,页面分页链接点击后利用ajax技术发送当前页码到后端控制器,后端控制器根据当前页码和设置的pageSize从数据库中取出对应页的数据。后端控制器处理完后利用PartialView方法把数据返回到分部视图中,利用ViewBag来返回总记录数和pageSize。ajax通过回调函数把控制器返回的分部视图内容加载到主视图中显示。
说明:分页具体的分页导航和样式使用了kkpager插件。
1、主视图(用于显示数据)代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
|
2、分部视图代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
|
3、控制器获取数据代码
1 2 3 4 5 6 7 8 9 10 11 12 |
|
最后上个效果图:
【相关推荐】
1.ASP免费视频教程
2.ASP教程
3.李炎恢ASP基础视频教程
以上就是asp.net 通过ajax实现无刷新分页的详细内容!
相关阅读 >>
core web中使用appsettings.json配置文件的实例详解(asp.net )
如何在asp.net core中使用cookie中间件的详细介绍
asp.net通过remoting service上传文件的实例详解
更多相关阅读请进入《MVC4》频道 >>
C#高级编程(第11版) C# 7 & .NET Core 2.0(.NET开发经典名著)
作者:[美]克里斯琴·内格尔(Christian Nagel)著。出版时间:2019年3月。