zoukankan      html  css  js  c++  java
  • MVC中ajax调用API版信息分页显示

    效果图:

    API端采用三层架构控制器显示界面:

    UserBll bll = new UserBll();
            //获取用户所有信息
            [HttpGet]
            public DataBase GetAll(int pageindex=1,int pagesize=3)
            {
                List<UserInfo> a = bll.GetAll();
                var b = a.Skip((pageindex - 1) * pagesize).Take(pagesize);
                DataBase db = new DataBase();
                db.users = b.ToList();
                db.PageCount = Convert.ToInt32(Math.Ceiling(a.Count() * 1.0 / pagesize));
                return db;
            }

    MVC端视图界面:

    //文档准备就绪函数
        $(function () {
            lists();
        })
        //
        var MaxPagerCount = 1;
        //显示信息
        function lists() {
            var pageIndex = $("#PageIndex").val();
            $.ajax({
                url: "http://localhost:51071/api/User",
                type: "get",
                data: { pageIndex: pageIndex },
                success: function (data) {
                    //清空tbd
                    $("#tbd").empty();
                    MaxPagerCount = data.PageCount;
                    for (var item in data.users) {
                        console.log(data.users)
                        //进行拼接
                        $("#tbd").append(
                            "<tr>" +
                            //依次获取字段
                            "<th><input id='Checkbox1' class='Ck' type='checkbox' value='" + data.users[item].Id + "' /></th>" +
                            "<th>" + data.users[item].Name + "</th>" +
                            "<th>" + data.users[item].RealName + "</th>" +
                            "<th>" + data.users[item].Telphone + "</th>" +
                            "<th>" + data.users[item].Pass + "</th>" +
                            "<th>" + (data.users[item].Status==0?"禁用":"启用") + "</th>" +
                            "<th><input id='btndel' type='button' value='修改' onclick='Edit(" + data.users[item].Id + ")' />" +
                            "<input id='btnupdate' type='button' value='删除' onclick='Delete(" + data.users[item].Id + ")' /></th>" +
                            "</tr>");
                    }
                }
            });
        }
        //首页
        function first() {
            $("#PageIndex").val(1);
            lists();
        }
        //尾页
        function last() {
            $("#PageIndex").val(MaxPagerCount);
            lists();
        }
        //上一页
        function prev() {
            var pageindex = $("#PageIndex").val() - 1;
            if (pageindex < 1)
                pageindex = 1;
    
            $("#PageIndex").val(pageindex);
            lists();
        }
        //下一页
        function next() {
            var pageindex = parseInt($("#PageIndex").val()) + 1;
            if (pageindex > MaxPagerCount)
                pageindex = MaxPagerCount;
            $("#PageIndex").val(pageindex);
            lists();
        }
        first();
  • 相关阅读:
    【JavaScript&jQuery】$.ajax()
    【JavaScript&jQuery】5秒跳转
    【数据库_Mysql】Mysql知识汇总
    【Java】时间转json格式化
    【Java】数组升序和降序
    【Java】关于@RequestBody
    未能加载文件或程序集“Oracle.DataAccess”或它的某一个依赖项.试图加载格式不正确的程序
    IIS 7.0、IIS 7.5 和 IIS 8.0 中的 HTTP 状态代码 转
    在IIS7.5上添加.NET4.0程序的虚拟目录时提示ASP.NET 4.0尚未在 Web 服务器上注册
    VC2010 _com_error 返回的错误信息
  • 原文地址:https://www.cnblogs.com/dujian123/p/10596783.html
Copyright © 2011-2022 走看看