Ajax渲染Partial View时Model Binding命名前缀问题求助

针对Ajax加载Partial View后表单字段丢失Person1.前缀导致Model Binding失效的问题，以下是几种简洁的处理方式，无需额外定义包装接口：

方法1：通过ViewData设置HtmlFieldPrefix（推荐） #

这是最简洁的方式，只需在MVC Action中设置字段前缀，Partial View无需修改逻辑，asp-for会自动生成带前缀的name属性。

MVC Action代码 #

using Microsoft.AspNetCore.Mvc;

namespace WebApplication1.Controllers;
public class HomeController : Controller
{
    public IActionResult PersonPartial(string prefix)
    {
        // 设置字段前缀，比如传入"Person1"
        ViewData.TemplateInfo.HtmlFieldPrefix = prefix;
        // 根据业务逻辑获取或创建Person实例
        var person = new Person();
        return PartialView("PersonView", person);
    }
}

Partial View代码（PersonView.cshtml） #

@model Person
@{ Layout = ""; }
<!-- asp-for会自动生成name="Person1.FullName" -->
<input asp-for="FullName" />

Ajax调用代码 #

function ReloadSection() {
    $.ajax({ 
        url: '/Home/PersonPartial', 
        cache: false, 
        dataType: "html",
        // 传递需要的前缀参数
        data: { prefix: "Person1" }
    })
    .done(function (data) {
        $('#ajaxreplace').html(data);       
    });
}

方法2：手动构造name属性（适合简单场景） #

如果不想依赖ViewData的TemplateInfo，可以直接在Partial View中通过ViewData传递前缀，手动拼接name属性。

MVC Action代码 #

public IActionResult PersonPartial(string prefix)
{
    ViewData["FieldPrefix"] = prefix;
    var person = new Person();
    return PartialView("PersonView", person);
}

Partial View代码 #

@model Person
@{ Layout = ""; }
@{ var prefix = ViewData["FieldPrefix"] as string; }
<input asp-for="FullName" name="@($"{prefix}.FullName")" />

方法3：使用ModelExpression传递前缀 #

如果需要更灵活的表达式支持，可以通过ModelExpression传递前缀和模型，适合复杂场景。

MVC Action代码 #

using Microsoft.AspNetCore.Mvc.ViewFeatures;
using System.Linq.Expressions;

public IActionResult PersonPartial(string prefix)
{
    var person = new Person();
    // 创建ModelExpression，指定前缀和模型
    var modelExpr = ModelExpressionProvider.CreateModelExpression(
        ViewData, 
        Expression.Lambda<Func<object>>(Expression.Constant(person)), 
        prefix);
    return PartialView("PersonView", modelExpr);
}

Partial View代码 #

@model ModelExpression
@{ Layout = ""; }
<input asp-for="@Model.Model.FullName" name="@Model.Name" />

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