可以默認模型聯編程序生成IEnumerable <FormItem> ？

Question

服務器：

public class FormItems
{
    public IEnumerable<MyClass> Values { get; set; }
}

客戶：

<form id="myform" action="/" method="post">
    <!-- Those inputs could be added dynamically -->
    <input type="text" name="[0].Value" />
    <input type="text" name="[1].Value" />
    <input type="text" name="[2].Value" />
    <input type="text" name="[3].Value" />

    <button type="submit">OK</button>
</form>

最后使用AJAXify表單：

$(function() {
    $('#myform').submit(function() {
        var form = $(this);
        $.ajax({
            url: form.attr('action'),
            type: form.attr('method'),
            data: form.serialize(),
            success: function(result) {

            }
        });
    });
});

如何使用默認模型聯編程序將Ajax數據轉換為強類型的IEnumerable？

[HttpPost]
public JsonResult Save(FormItems data)

Answer 1

假設MyClass是這樣的

public class MyClass
{
     public string Value { get; set; }
}

您的html應該看起來像這樣（請注意，每個值輸入的名稱都以FormItems可枚舉屬性名稱為前綴）

< form id="myform" action="/" method="post">
    <!-- Those inputs could be added dynamically -->
    <input type="text" name="Values[0].Value" />
    <input type="text" name="Values[1].Value" />
    <input type="text" name="Values[2].Value" />
    <input type="text" name="Values[3].Value" />

    <button type="submit">OK</button>
</form>