ASP.NET MVC发送List< Foo>从我的视图到控制器的集合

因此，您的主要问题是您试图使用操作(这是一个链接，一个定位标记)将一个列表传递给控制器​​.但是锚标记是一个获取"请求，通常您不会通过Gets传递列表(是的，有可能，但通常不建议这样做).您最好为此使用一个表单发布.这是一个基本概述:

So your main problem is that you are trying to use an action (which is a link, an anchor tag) to pass a list to the controller. But an anchor tag is a "Get" request and you normally don't pass lists via Gets (yes, it is possible, but generally not advised). It would be better for you to use a form post for this. Here is a basic outline:

<!-- red cars -->
<form action="/bar/index/red" method="post">

    @foreach(var car in Model.Where(c => c.Color == "red"))
    {
        <input type="hidden" name="carnames" value="@car.CarName" />
    }
    <button class="btn btn-primary" type="submit">Red Cars</button>

</form>

<!-- green cars -->
<form action="/bar/index/green" method="post">

    @foreach(var car in Model.Where(c => c.Color == "green"))
    {
        <input type="hidden" name="carnames" value="@car.CarName" />
    }
    <button class="btn btn-primary" type="submit">Green Cars</button>

</form>

<!-- blue cars -->
<form action="/bar/index/blue" method="post">

    @foreach(var car in Model.Where(c => c.Color == "blue"))
    {
        <input type="hidden" name="carnames" value="@car.CarName" />
    }
    <button class="btn btn-primary" type="submit">Blue Cars</button>

</form>

<!-- yeller cars -->
<form action="/bar/index/yellow" method="post">

    @foreach(var car in Model.Where(c => c.Color == "yellow"))
    {
        <input type="hidden" name="carnames" value="@car.CarName" />
    }
    <button class="btn btn-primary" type="submit">Yellow Cars</button>

</form>

这会为每种颜色创建一个表单，因此当您单击提交"按钮时，只会在该帖子中发送该表单中的汽车.请注意，输入名称始终相同.这样便可以将它们包装在一个列表中.

This creates a form for each color so when you click the submit button, only the cars from that one form are sent in the post. Note that the input name is always the same. That is how you get them wrapped together in a list.

在您的控制器中，使用类似以下的内容:

In your controller, use something like this:

[HttpPost, Route("bar/index/{color}")]
public IActionResult Index(string color, List<string> carNames)
{
    // do stuff...

    return View();
}

color变量将从网址中提取，而carNames将从帖子中提取.

The color variable will get picked up from the url and the carNames will be pulled in from the post.

在评论中，添加的问题本质上是如果我要发布对象上的汽车名称和颜色，那么要发布List<Foo>，该怎么办?

In the comments the added question was essentially "what if I want the car name and the color on the object, so a List<Foo>, to be posted?

发布复杂对象列表会比较麻烦，但这是您在视图中需要的:

Posting a list of complex objects is a bit messier but here is what you need in the view:

<!-- red cars -->
<form action="/stuff/cars/red" method="post">
    @{
        var cars = Model.Where(c => c.Color == "red").ToList();
        for (var i = 0; i < cars.Count; i++)
        {
            <text>
            <input type="hidden" name="cars.Index" value="@i" />
            <input type="hidden" name="cars[@i].CarName" value="@cars[i].CarName" />
            <input type="hidden" name="cars[@i].Color" value="@cars[i].Color" />
            </text>
        }
    }
    <button class="btn btn-primary" type="submit">Red Cars</button>

</form>

切换到常规的for循环将为我们提供一个索引变量，该变量用于告诉表单哪对值属于同一对.还要注意，我实际上在其上方创建了一个temp var cars = ...，以便可以遍历较小的列表.现在只需更改其他颜色以匹配此代码，然后将控制器更改为接受string color, List<Foo> cars就可以了！

Switching to a regular for loop gives us an index variable which we use to tell the form which pair of values belongs together. Notice also that I actually created a temp var cars = ... above it so that I can loop through the smaller list. Now just change the other colors to match this code and change your controller to accept string color, List<Foo> cars and you are all set!

如果您想在ajax中执行此操作，请在javascript中创建一个对象:

Edit 2: If you want to do this in ajax instead then create an object in the javascript:

var cars = [
    { 'CarName': 'name', 'Color': 'color' },
    { 'CarName': 'name', 'Color': 'color' },
    { 'CarName': 'name', 'Color': 'color' },
    { 'CarName': 'name', 'Color': 'color' },
    { 'CarName': 'name', 'Color': 'color' }
];

您可以使用jQuery以各种方式填充实际的name和color.然后使用ajax发布:

You can populate the actual name and color various ways using jQuery. Then use ajax post:

$(document).ready(function()
{
    $('#ajaxPost').click(function ()
    {
        $.ajax(
        {
            type: 'POST',
            url: '/stuff/cars',
            contentType: "application/json",
            data: JSON.stringify(cars),
            success: function (data)
            {
                // do stuff
            },
            error: function (e)
            {
                alert(e);

            }

        });
    });
});

注意:这将是控制器中与上一个端点不同的端点.取决于您所使用的.net版本，事情的表现会略有不同.

Note: This will be a different endpoint in the controller from the previous one. Depending on which version of .net you are using things will act slightly differently.

新控制器动作:

[HttpPost, Route("stuff/cars/")]
public IActionResult Cars2([FromBody] List<FooViewModel> cars)
{
    // do stuff...

    return View();
}

请注意[FromBody]标记，这是.net Core中必需的标记，就像ajax调用中的JSON.stringify一样.如果不确定所使用的版本，请交替添加/删除每个版本.核心可能有点挑剔...

Notice the [FromBody] tag, that is necessary in .net Core, as is the JSON.stringify in the ajax call. If you aren't sure which version you are on, alternate adding/removing each of those. Core can be a little finicky...