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

Posted 2023-03-27

【中文标题】MVC：编辑操作未调用编辑视图

【英文标题】：MVC: Edit Action is not invoking the Edit view

【发布时间】：2022-01-08 07:54:11

【问题描述】：

我有一个编辑操作。当调用 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();
        );
    

【问题讨论】：

您也可以发布您的索引视图吗？

【参考方案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;
            
            
        

然后，您可以加载视图

【讨论】：

这很完美！！！