请求数据：增删改查分页，MVC+EF+三层+Html+Jquery+Css+JavaScript+Ajax

最新推荐文章于 2025-12-11 20:29:59 发布

原创

最新推荐文章于 2025-12-11 20:29:59 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #ajax

这篇博客探讨了如何使用MVC框架结合Entity Framework，通过JavaScript、AJAX实现增删改查及分页功能。内容包括JS交互逻辑、HTML界面、MVC控制器及Logic类库的详细处理过程。

《请求数据：增，删，改，查，分页》MVC+EF+Logic+Html+Jquery+Css+JavaScript+Ajax

JS部分：

$(function () {
    $("table").css({ "cursor": "context-menu" });  //设置鼠标样式为菜单

    // 禁止选中
    document.body.onselectstart = function () {
        return false;
    }
    // 禁止图片拖拽
    var imgs = $("img");
    imgs.on("dragstart", function () { return false; });



    var pagDan = 1;  //当前页
    var pagMax = 0;  //总页数
    var pagsum = 3;  //一页几行

    function GetAjax(reqURL, reqData, reqStrSelect) {   //自定义ajax请求方法
        $.ajax({
            url: reqURL,
            data: reqData,
            type: "post",
            datatype: "json",
            success: function (res) {
                var data = JSON.parse(res);   //这个很关键，JSON.parse(res)
                var ResType = data.ResType;
                var ResData = data.ResData;   //得到数据对象
                if (ResType == 1) {
                    switch (reqStrSelect) {
                        case "select":
                            GetSelect(ResData);
                            break;
                        default:  //修改，删除，新增，操作完成后刷新
                            Ajaxload();  //刷新
                            break;
                    }
                }
            },
            error: function (err) {
                alert(JSON.parse(err));
            }
        });
    };


 //---------------------------------------------------以上公用ajax请求方法


    ///数据处理,查询
    function GetSelect(ResData) {
        $(".roleType_tbody").children().remove();  //先清除
        for (var i = 0; i < ResData.length; i++) {

            $(".roleType_tbody").append('<tr><td class="roletype_get_td01">' + ResData[i].Id + '</td><td class="roletype_get_td02">' + ResData[i].TypeName + '</td><td><span class="edit_roletype" >编辑</span><span class="del_roletype" >删除</span></td></tr>');

        }

        pagMax = 0;  //总页数清零
        $(".span_pag").html("");    
        $(".span_pag3").html("");

        GetPag(1); //显示分页数据，显示第一页初始化

        var pagmaxsum = (ResData.length / pagsum).toString();
        if (pagmaxsum.indexOf(".") > 0) {
            pagMax = parseInt(ResData.length / pagsum) + 1;
        } else {
            pagMax = parseInt(ResData.length / pagsum);  //得到总页数
        }

        for (var y = 1; y <= pagMax; y++) {
            $(".span_pag").append('<span class="span_pag_children pag_css' + y + '">' + y.toString() + '</span>');
            if (y == 1) {
                $(".pag_css1").css({ "background-color": "#ff6a00" });
            }
        }
       
        $(".span_pag3").html("共" + pagMax + "页");
       
    }


    //分页点击
    $("body").delegate(".span_pag_children", "click", function () {
        var pag = parseInt($(this).html());
        GetPag(pag);
    });

    //下一页
    $("body").delegate(".span_pag2", "click", function () {
        if (pagDan < pagMax)
            GetPag(pagDan + 1);
    });

    //

最低0.47元/天解锁文章