在 Razor Pages 上不显眼的 ajax 帖子后更新部分视图

匿名的

我有一个父视图并在其中渲染了局部视图。我在局部视图中添加了 Form 标签。它转到控制器并返回数据，但部分视图内容不会更新。

<div class="row main-section-border">
        <div class="col-sm-12">

            @{
                await Html.RenderPartialAsync("_Partial", Model);
            }
        </div>
        </div>

局部视图

    @model RandomModel 
    <form asp-controller="Controller" asp-action="Save" method="POST" data-ajax="true" data-ajax-success="success" data-ajax-failure="failed" data-ajax-update="#spForm">

    <div class="row left-right-padding" id="spForm">
        <input type="text"  id="document" asp-for="Document">
</div>

后端：

  public IActionResult Save(Random Model model)
        
     {     model.Document= "Random"
            return PartialView("~/Views/RandomFolder/_Partial.cshtml", model);
      }

Yiyi You

return PartialView("~/Views/RandomFolder/_Partial.cshtml", 模型);

既然你使用了unobtrusive ajax，所以它会返回局部视图的html代码，但它不会刷新局部视图。如果你想刷新局部视图，你可以尝试用替换html代码。这data-ajax-complete是一个工作演示：

div class="row main-section-border">
        <div id="div1" class="col-sm-12">

            @{
                await Html.RenderPartialAsync("_Partial", Model);
            }
        </div>
        </div>
@section scripts{
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajax-unobtrusive/3.2.6/jquery.unobtrusive-ajax.js"></script>
    <script>
        completed = function (xhr) {
            $("#div1").html(xhr.responseText);
        };
    </script>
}

部分观点：

@model RandomModel 
    <form asp-controller="Controller" asp-action="Save" method="POST" data-ajax="true" data-ajax-success="success" data-ajax-failure="failed" data-ajax-update="#spForm" data-ajax-complete="completed">

    <div class="row left-right-padding" id="spForm">
        <input type="text"  id="document" asp-for="Document">
</div>

后端（您需要使用ModelState.Clear();否则它会更喜欢使用 ModelState 中的模型值，而不是您传递给 Partial 视图的模型。）：

public IActionResult Save(RandomModel model)

        {
            ModelState.Clear();
            model.Document = "Random";
            return PartialView("~/Views/B/_Partial.cshtml", model);
        }

结果：