MVC：编辑操作未调用编辑视图

Question

我有一个编辑操作。 当调用 Action 时，我希望 Edit 视图呈现，但它没有。 视图是 Edit.cshtml。 我有一个类似的视图 Add.cshtml 可以正常工作（添加是一个按钮，编辑是网格内的一个链接。

Controller 方法

    [HttpPost]
    public IActionResult Edit(int Id)
    {
        try
        {
            var jurisdictionId = _user.Current().JurisdictionId;
            OrganizationType ot = new OrganizationType();
            ot.Id = Id;
            ot.OrganizationName = _electedOfficials.getOrgTypeName(jurisdictionId, Id);

            return View(ot);
            //return View("Edit", ot);
        }
        catch (Exception e)
        {
            _logger?.LogCritical(new EventId(101, "CAdminOrganizationType"), e, $"Error when loading Edit Orginization Type View");
            throw;
        }
    }

编辑视图(Edit.cshtml)

@model Platinum.Entities.OrganizationType
@{

       ViewData["Title"] = "Editing Organization Type";
}

<div class="card pd-20 pd-sm-40">
<div class="form-layout">
    <form asp-action="Edit">
        <div class="row mg-b-25">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input asp-for="Id" hidden />
            <div class="col-md-2">
                <div class="form-group">
                    <label asp-for="OrganizationName" class="form-control-label">Name</label>
                    <input asp-for="OrganizationName" class="form-control" />
                    <span asp-validation-for="OrganizationName" class="text-danger"></span>
                </div>
            </div>
            </div>
        <div class="form-layout-footer">
            <input type="submit" value="Create Organization Type" class="btn btn-default mg-r- 5" />
            <a asp-action="Index" class="btn btn-danger mg-r-5">Back</a>
        </div>
    </form>
</div>
</div>

@section scripts{ 
<script type="text/javascript">

    $(document).ready(function () {

    });
</script>
}

在索引视图中单击编辑时执行的 Javascript

    function Edit(id) {
        var url = '/CAdminOrganizationType/Edit/' + id

        $.ajax({
            type: "POST",
            url: url,
            contentType: "application/json"
        }).fail(function () {
            magalert.communicationError();
        });
    }

Answer 1

您不能直接使用ajax来加载页面。 当你向Post方法发送数据时， Post方法返回一个 html 文本，并且你不能使用这个 html 文本来加载页面。如果必须使用ajax ，建议你使用[GttpPost] 我建议你将id发送到[HttpGet]方法来渲染页面，然后在ajax的成功方法中加载页面。这是我的代码：

Ajax

@section Scripts
{
    <script>
        function Edit(id) {
        var url = '/Home/Edit/' + id

        $.ajax({
            type: "get",
            url: url,
            contentType: "application/json",
            success:function(){
                window.location.href="/Home/Edit/"+id  
            },
            error:function () {
                magalert.communicationError();
            }
         });
    }
    </script>
}

Controller 方法

        [HttpGet]
        public IActionResult Edit(int Id)
        {
            try
            {
                var jurisdictionId = _user.Current().JurisdictionId;
                OrganizationType ot = new OrganizationType();
                ot.Id = Id;
                ot.OrganizationName = _electedOfficials.getOrgTypeName(jurisdictionId, Id);    
                return View(ot);                    
            }
            catch (Exception e)
            {
                _logger?.LogCritical(new EventId(101, "CAdminOrganizationType"), e, $"Error when loading Edit Orginization Type View");
                throw;
            }
            
        }

然后，您可以加载视图