Ajax: 使用foreach循环迭代的列表将模型发送给控制器

以下是一个使用Ajax和foreach循环迭代列表，将模型发送给控制器的示例代码：

首先，你需要一个包含模型数据的列表。在这个例子中，我们将使用一个简单的Person模型：

public class Person
{
    public string Name { get; set; }
    public int Age { get; set; }
}

接下来，你需要一个视图来显示要发送的模型列表以及Ajax代码：

@model List<Person>

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var person in Model)
        {
            <tr>
                <td>@person.Name</td>
                <td>@person.Age</td>
            </tr>
        }
    </tbody>
</table>

<button id="sendButton">Send to Controller</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $('#sendButton').click(function () {
            var data = [];

            // 遍历模型列表，将每个模型的属性添加到data数组中
            @foreach (var person in Model)
            {
                <text>
                var person = {
                    Name: '@person.Name',
                    Age: @person.Age
                };
                data.push(person);
                </text>
            }

            // 使用Ajax将数据发送给控制器
            $.ajax({
                type: 'POST',
                url: '/ControllerName/ActionName',
                data: { 'models': data },
                success: function (result) {
                    // 处理成功的响应
                },
                error: function (xhr, status, error) {
                    // 处理错误的响应
                }
            });
        });
    });
</script>

最后，你需要在控制器中添加一个对应的动作方法来接收这个列表：

[HttpPost]
public ActionResult ActionName(List<Person> models)
{
    // 在这里处理接收到的模型列表
    // ...

    return Json(new { success = true });
}

请注意，你需要将ControllerName和ActionName替换为你的控制器和动作方法的实际名称。

这是一个完整的示例，演示了如何使用Ajax和foreach循环迭代列表，将模型发送给控制器。你可以根据你的实际需求进行修改和调整。