Razor Pages中unobtrusive ajax提交后Partial View不更新如何解决

• 问题1：更新目标容器层级错误
  你当前配置的data-ajax-update="#spForm"对应的#spForm节点在Partial View内部，而你后端返回的是完整的Partial View内容（包含外层form和内部的#spForm），提交后新的Partial内容会被塞入旧的#spForm节点内部，导致DOM结构嵌套错乱、ID重复，自然无法正常渲染更新后的内容。
  解决方法：在父视图中给Partial View的外层包裹节点加唯一ID，作为Ajax更新的目标容器：

<!-- 父视图修改后代码 -->
<div class="row main-section-border">
    <div class="col-sm-12" id="partialContainer">
        @{
            await Html.RenderPartialAsync("_Partial", Model);
        }
    </div>
</div>

同时修改Partial View中form的data-ajax-update属性，指向父视图的外层容器：

<form asp-controller="Controller" asp-action="Save" method="POST" data-ajax="true" data-ajax-success="success" data-ajax-failure="failed" data-ajax-update="#partialContainer">
    <div class="row left-right-padding" id="spForm">
        <input type="text"  id="document" asp-for="Document">
    </div>
</form>

• 问题2：缺失jQuery Unobtrusive Ajax依赖
  data-ajax系列属性是微软封装的Ajax辅助功能，依赖jquery.unobtrusive-ajax库才能生效，如果没有引入该依赖，表单会走普通同步提交逻辑，自然不会局部更新页面内容。
  解决方法：在布局页或者当前父视图中引入jquery.unobtrusive-ajax的JS文件，可通过LibMan等包管理工具直接安装该包到项目中。

• 问题3：ModelState残留旧值导致渲染异常
  ASP.NET Core的asp-for标签渲染时会优先读取ModelState中存储的提交时的旧值，即使你在后端修改了Model的属性值，只要ModelState中对应字段还有值，渲染出来的内容还是提交前的旧值。
  解决方法：在后端修改Model属性前清空ModelState，或者移除对应字段的状态记录：

public IActionResult Save(RandomModel model)
{     
    // 清空所有ModelState记录，或者单独移除指定字段：ModelState.Remove(nameof(model.Document));
    ModelState.Clear();
    model.Document = "Random";
    return PartialView("~/Views/RandomFolder/_Partial.cshtml", model);
}

• 额外检查项：确认Partial View中的form标签已正确闭合，你贴出的代码片段中form没有闭合标签，DOM结构错误也会导致局部更新失效。

内容的提问来源于stack exchange，提问作者Anonymous