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

Question

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

控制器方法

    [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 响应的情况下呈现页面。

因为 ajax 会将请求发送到控制器动作，并且动作将视图作为 html 响应返回给 ajax。 但是你不处理ajax中的响应，所以当前页面不会改变。

如果你只是想将Id传递给Edit方法并返回Edit视图，我建议你可以尝试使用window.location，这会使页面重定向到Edit视图，从而实现整个页面的刷新。

除了window.location只支持get方法。建议你使用[HttpGet]方法渲染页面，然后在ajax的success函数中加载页面。

这是我的代码：

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>
}

控制器方法

        [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;
            }
            
        }

然后，您可以加载视图