使用@Html.Hidden传递List至控制器时列表丢失的问题求助

看起来你踩了ASP.NET MVC表单绑定的一个常见坑——直接用@Html.Hidden绑定复杂列表对象的时候，默认的Helper没办法正确把集合序列化成表单能识别的格式，最后只会传递对象的ToString()结果（通常是空字符串或者类型名称），导致控制器接收到空值。

下面给你几种靠谱的解决方案，根据你的场景选就行：

方案1：循环生成列表项的Hidden字段（最推荐的模型绑定方式） #

ASP.NET MVC的模型绑定支持集合名[索引].属性名的命名格式，你可以在表单里遍历BasketItems，为每个元素的每个属性单独生成Hidden字段，这样控制器就能正确识别并绑定整个列表：

@using (Html.BeginForm("AddToBasket", "Home", FormMethod.Post)) 
{ 
    @Html.Hidden("product", product.Product) 
    
    <!-- 遍历列表，为每个项生成对应Hidden字段 -->
    @for (int i = 0; i < Model.BasketItems.Count; i++)
    {
        <!-- 这里替换成你BasketItem模型的实际属性，比如Id、ProductName、Quantity等 -->
        @Html.Hidden($"BasketItems[{i}].Id", Model.BasketItems[i].Id)
        @Html.Hidden($"BasketItems[{i}].ProductName", Model.BasketItems[i].ProductName)
        @Html.Hidden($"BasketItems[{i}].Quantity", Model.BasketItems[i].Quantity)
    }

    <h3>@product.Product (£@product.Price)</h3>
    <div class="menu-item-quant...">
        <!-- 你的数量选择控件和提交按钮 -->
        <input type="submit" value="Add to Basket" />
    </div>
}

之后你的控制器方法只要接收对应的模型（比如包含List<BasketItem> BasketItems属性的ViewModel），就能直接拿到完整的列表，再添加新项即可。

方案2：用服务器端临时存储（适合不想生成大量字段的场景） #

如果你的购物车列表不需要在客户端展示或修改，只是需要在提交时保留，可以把列表存在TempData或Session里，避免在表单里传递：

第一步：在渲染页面的Get方法里存储列表 #

public ActionResult ProductDetails(int productId)
{
    var viewModel = new YourViewModel();
    // 从Session或数据库获取当前购物车列表
    viewModel.BasketItems = Session["Basket"] as List<BasketItem> ?? new List<BasketItem>();
    // 存入TempData（单次请求有效，适合跳转场景）
    TempData["BasketItems"] = viewModel.BasketItems;
    viewModel.Product = GetProductById(productId);
    
    return View(viewModel);
}

第二步：在Post方法里取出并更新列表 #

[HttpPost]
public ActionResult AddToBasket(string product)
{
    // 从TempData取出列表，空的话初始化新列表
    var basketItems = TempData["BasketItems"] as List<BasketItem> ?? new List<BasketItem>();
    // 添加新商品到列表
    basketItems.Add(new BasketItem { Product = product, Price = product.Price });
    // 存回Session持久化
    Session["Basket"] = basketItems;
    
    return RedirectToAction("Index");
}

注意：TempData只在单次请求间有效，如果你需要跨多次请求保持购物车，用Session更合适，但要注意Session的过期时间和存储限制。

方案3：序列化列表为JSON（适合复杂列表场景） #

把列表序列化成JSON字符串存在Hidden里，控制器接收后再反序列化：

视图代码 #

@using (Html.BeginForm("AddToBasket", "Home", FormMethod.Post)) 
{ 
    @Html.Hidden("product", product.Product) 
    <!-- 把列表序列化成JSON字符串 -->
    @Html.Hidden("basketItemsJson", Json.Encode(Model.BasketItems))

    <h3>@product.Product (£@product.Price)</h3>
    <div class="menu-item-quant...">
        <input type="submit" value="Add to Basket" />
    </div>
}

控制器代码 #

using System.Web.Script.Serialization;

[HttpPost]
public ActionResult AddToBasket(string product, string basketItemsJson)
{
    var serializer = new JavaScriptSerializer();
    // 反序列化回列表，空的话初始化
    var basketItems = serializer.Deserialize<List<BasketItem>>(basketItemsJson) ?? new List<BasketItem>();
    // 添加新商品
    basketItems.Add(new BasketItem { Product = product });
    
    // 后续处理逻辑
    return RedirectToAction("Index");
}

额外注意事项 #

1. 确保你的BasketItem模型有公共无参构造函数，模型绑定才能正确实例化对象；
2. 如果用方案1，要提前在ViewModel里初始化BasketItems为new List<BasketItem>()，避免循环时出现空引用；
3. 不要在表单Hidden里存储敏感数据，用户可以轻易篡改这些字段，重要数据尽量存在服务器端（Session、数据库）。

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