Mac下VSCode开发MVC：视图向控制器传递模型值方法及参数疑问

嘿，我来帮你搞定MVC里视图向控制器传递模型值的问题！你说用new { problem = @Model }没成功，大概率是这种方式的适用场景不对，或者没踩中MVC模型绑定的规则～下面给你几种常用的正确实现方式，结合你在Mac+VSCode的开发场景一步步讲：

如果是通过表单提交模型，根本不需要手动传@Model，MVC的模型绑定机制会自动把表单字段映射到控制器的参数上，这是最省心的方式：

视图代码（Razor视图） #

@model YourProject.Models.ProblemModel

<!-- 指定提交到控制器的Action方法 -->
<form asp-action="SaveProblem" method="post">
    <!-- 用asp-for绑定模型的属性，自动生成name和value -->
    <div>
        <label asp-for="Title"></label>
        <input asp-for="Title" type="text" class="form-control" />
    </div>
    <div>
        <label asp-for="Description"></label>
        <textarea asp-for="Description" class="form-control"></textarea>
    </div>
    <button type="submit" class="btn btn-primary">提交问题</button>
</form>

控制器代码 #

using Microsoft.AspNetCore.Mvc;
using YourProject.Models;

namespace YourProject.Controllers
{
    public class ProblemController : Controller
    {
        [HttpPost]
        public IActionResult SaveProblem(ProblemModel problem)
        {
            // 这里直接就能拿到视图传过来的完整模型对象
            if (ModelState.IsValid)
            {
                // 写你的业务逻辑，比如存数据库
                return RedirectToAction("ProblemList");
            }
            // 如果验证失败，返回原视图并保留用户输入
            return View(problem);
        }
    }
}

关键提示：一定要用asp-for绑定属性，它会自动生成和模型属性名一致的name属性，MVC就是靠这个name来做模型绑定的。

如果是通过点击链接跳转的GET请求，直接传@Model是不行的——因为URL只能传递键值对，复杂模型无法直接序列化。你需要把模型的属性逐个拆出来传递：

视图代码 #

@model YourProject.Models.ProblemModel

<!-- 用asp-route-*指定每个参数 -->
<a asp-action="ViewProblem" 
   asp-route-id="@Model.Id" 
   asp-route-title="@Model.Title">
    查看这个问题
</a>

<!-- 或者用Html.ActionLink的写法 -->
@Html.ActionLink("查看问题", "ViewProblem", new { id = Model.Id, title = Model.Title })

控制器代码 #

[HttpGet]
public IActionResult ViewProblem(int id, string title)
{
    // 拿到参数后可以重新构建模型，或者直接使用参数
    var problem = new ProblemModel { Id = id, Title = title };
    // 后续逻辑
    return View(problem);
}

注意：这种方式只适合传递少量简单类型的属性（比如int、string），如果模型很复杂，建议用表单或Ajax的方式。

如果需要无刷新提交模型，用Ajax是最佳选择，需要把模型转成JSON格式传递：

视图代码（用jQuery举例） #

@model YourProject.Models.ProblemModel

<button id="submitAsyncBtn" class="btn btn-secondary">异步提交</button>

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
    $(function() {
        $("#submitAsyncBtn").click(function() {
            // 把服务器端的模型转成JSON字符串
            var problemModel = @Html.Raw(Json.Serialize(Model));
            
            $.ajax({
                url: "@Url.Action("SaveProblemAsync")",
                type: "POST",
                // 必须指定内容类型为JSON
                contentType: "application/json; charset=utf-8",
                // 把JSON对象转成字符串传递
                data: JSON.stringify(problemModel),
                success: function(response) {
                    if (response.success) {
                        alert("提交成功！");
                        // 这里可以做页面更新逻辑
                    } else {
                        alert("提交失败，请重试");
                    }
                }
            });
        });
    });
</script>

控制器代码 #

[HttpPost]
public IActionResult SaveProblemAsync([FromBody] ProblemModel problem)
{
    // 用[FromBody]告诉MVC从请求体里解析JSON模型
    if (ModelState.IsValid)
    {
        // 业务逻辑
        return Json(new { success = true });
    }
    return Json(new { success = false, message = "模型验证失败" });
}

你用new { problem = @Model }的时候，MVC会尝试把整个模型对象转成路由参数，但复杂模型无法直接序列化成URL的键值对，控制器那边自然接收不到完整的模型。就算是简单模型，这种写法也容易出问题——因为MVC的模型绑定是按属性名匹配的，你传递的是一个名为problem的对象，而控制器如果直接接收ProblemModel类型的参数，名字不匹配的话也会绑定失败。

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