首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >MVC:编辑操作没有调用编辑视图

MVC:编辑操作没有调用编辑视图
EN

Stack Overflow用户
提问于 2021-12-01 17:53:33
回答 1查看 87关注 0票数 0

我有个编辑动作。当调用Action时,我期望Edit视图呈现,但它没有呈现。视图是Edit.cshtml。我有一个类似的视图Add.cshtml,它工作得很好(Add是一个按钮,Edit是网格中的一个链接。

控制器方法

代码语言:javascript
运行
复制
    [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)

代码语言:javascript
运行
复制
@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

代码语言:javascript
运行
复制
    function Edit(id) {
        var url = '/CAdminOrganizationType/Edit/' + id

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-03 06:30:18

据我所知,我们无法在不返回ajax响应的情况下呈现页面。

由于ajax将向控制器操作发送请求,该操作将视图作为html响应返回给ajax。但是,您不会在ajax中处理响应,这样当前页面就不会改变。

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

此外,window.location只支持get方法,我建议您使用[HttpGet]方法来呈现页面,然后在ajax中的成功函数中加载页面。

这是我的代码:

Ajax

代码语言:javascript
运行
复制
@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>
}

控制器方法

代码语言:javascript
运行
复制
        [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;
            }
            
        }

然后,您可以加载视图

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70189028

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档