ASP.NET MVC：局部视图中Ajax.BeginForm模型绑定失败

我来帮你排查这个模型绑定失败的问题，看起来有几个关键地方需要调整：

1. 表单控件与模型属性绑定错误（最核心问题） #

看你的局部视图代码，发现一个明显的错误：你用@Html.LabelFor(m => m.ChoiceText)标注的是ChoiceText属性，但对应的输入框却绑定到了ChoiceValue，而且单选按钮也全部绑定到ChoiceValue。这会导致两个问题：

• 用户输入的文本内容根本不会被绑定到ChoiceText属性
• 当选择"Text"单选按钮时，文本框的值和单选按钮的2会同时提交，模型绑定无法正确解析

修复后的局部视图代码应该是这样的：

@model SurveyService.ViewModels.OptionViewModel
@{ Layout = null; }
@using (Ajax.BeginForm("AddOption", "Manage", new AjaxOptions { OnSuccess = "handleSavedOptionChoice(data)", HttpMethod = "Post" }))
{
    <div class="form-group">
        @Html.LabelFor(m => m.ChoiceText)
        <!-- 把TextBoxFor绑定到ChoiceText，和Label对应 -->
        @Html.TextBoxFor(m => m.ChoiceText, new { @class = "form-control" })
    </div>

    <div class="form-group">
        @Html.LabelFor(m => m.ChoiceValue)
        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-primary">
                @Html.RadioButtonFor(m => m.ChoiceValue, 1) True
            </label>
            <label class="btn btn-primary">
                @Html.RadioButtonFor(m => m.ChoiceValue, 0) False
            </label>
            <label class="btn btn-primary active">
                @Html.RadioButtonFor(m => m.ChoiceValue, 2, true) Text
            </label>
        </div>
    </div>

    <button type="submit">Create</button>
}

2. 确保模型属性具备正确的访问器 #

检查你的OptionViewModel，确保属性是public且包含get/set访问器，否则模型绑定无法赋值：

public class OptionViewModel
{
    public string ChoiceText { get; set; }
    public int ChoiceValue { get; set; }
    // 其他必要属性...
}

3. 验证Ajax提交的依赖脚本 #

Ajax.BeginForm依赖jquery.unobtrusive-ajax.js才能实现异步提交，如果没有引用这个脚本，表单会以普通POST方式提交，可能导致参数传递异常。在父视图或布局页中添加这个脚本引用：

<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

（注意路径要根据你项目的脚本目录调整）

4. 完善控制器方法 #

给控制器方法添加[HttpPost]特性，明确标记它处理POST请求，同时确保返回的结果符合前端OnSuccess函数的预期：

[HttpPost]
public ActionResult AddOption(OptionViewModel model)
{
    // 你的业务逻辑代码...
    
    // 返回Json结果给前端的handleSavedOptionChoice函数
    return Json(new { success = true, option = model });
}

5. 用开发者工具验证请求参数 #

提交表单时，打开浏览器开发者工具（F12）的Network标签，查看POST请求的Form Data，确认ChoiceText和ChoiceValue是否正确传递。如果这里能看到参数，说明前端没问题，问题可能出在模型绑定的其他细节（比如命名空间错误、模型无参构造函数缺失等）。

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