Ajax分页(MVC下)(附源码,前后台)

网上找的一个分页js,自己改了改。。

前台页面

复制代码
@{
    ViewBag.Title = "Index";
}
<h1>分页方法封装</h1>
<script src="~/gc-ui/js/gc-js/gc-js/jq_print/jquery-1.4.4.min.js"></script>
<script src="~/gc-ui/Pager/js/ajax_hack_gc.js"></script>
<script src="~/gc-ui/Pager/js/jquery.simplePagination.js" charset="gbk"></script>
<script src="~/gc-ui/Pager/js/gc_pager.js"></script>
<link href="~/gc-ui/Pager/css/simplePagination.css" rel="stylesheet" />
<script>
    $(function () {
        //$("#gc")
        var arr = [];
        arr.push("id");
        $.yms_Pager_ajax("gc", "/home/data", arr);
    });
</script>
<center>
    <table id="gc">
        <thead>
            <tr>
                <td>序号</td>
                <td>姓名</td>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</center>
复制代码

后台控制器代码(用的ef)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public ActionResult Index()
       {
           return View();
       }
       public ActionResult Data(int pageIndex = 1, int pageSize = 3)
       {
           testEntities t = new testEntities();
           List<ddd> list = t.ddd.ToList();
            
 
           int zys/*总页数*/ = (list.Count + pageSize - 1) / pageSize;
           var show_data/*json数据*/ = new { data = list.Skip(pageSize * (pageIndex - 1)).Take(pageSize).ToList(), count = zys };
           return Json(show_data, JsonRequestBehavior.AllowGet);
       }

 js文件我上传上来。。

https://files.cnblogs.com/files/gaocong/Pager.rar

使用上有问题请@我

posted @   小小高  阅读(1298)  评论(2编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示