Question

我知道在here

之前已经触及了这个问题

但解决方案似乎不适合我的问题。

这是我的HTML。行数是可变的

 <table id="workPlanTable">
    <tr>
        <th>
            Begin
        </th>
        <th>
            End
        </th>
    </tr>

    <tr itemId="1">
        <td><input class="begin" id="begin_1" name="begin_1" type="text" value="5:30" /></td>
        <td><input class="end" id="end_1" name="end_1" type="text" value="11:30" /></td>
    </tr>
    <tr itemId="3">
        <td><input class="begin" id="begin_3" name="begin_3" type="text" value="5:30" /></td>
        <td><input class="end" id="end_3" name="end_3" type="text" value="7:30" /></td>
    </tr>

</table>

js构建一个对象数组并将它们发布到控制方法

<script type="text/javascript">
$(function() {

    submitForm = function() {
        var items = new Array();
        $("#workPlanTable tr").each(function(i) {

            var end = $(this).find(".end").val();
            var begin = $(this).find(".begin").val();

            var item = {
                "Begin": begin,
                "End": end
            };
            items.push(item);

        }
        );

        var postData = { myItems: items };

        $.ajax({
            url: '~/WorkPlan/AjaxUpdate',
            type: 'POST',
            dataType: 'json',
            data: postData,
            contentType: 'application/json; charset=utf-8',
            success: function(result) {
                alert(result.Result);
            }
        });

    }

}
)     
</script>

每一行代表一个WorkPlanItem。我的目标是将它们全部发布到我的控制器以更新它们。

我似乎无法在我的控制器方法（AjaxUpdate）中找到如何访问数组

Answer 1

您可以将表单序列化为Vikas posted，或者如果您更喜欢浏览页面（正如您当前所做的那样），则可以使用stringify function并使用{ {1}}数组。

在控制器上，您需要处理json字符串。您可以使用postData class对其进行反序列化。如果您有一个映射到您传递的数据的对象，则可以使用Deserialize方法。如果不这样做，您仍然可以使用DeserializeObject，但这会为您提供一个System.Web.Script.Serialization.JavaScriptSerializer集合，您必须通过该集合来获取数据。不完全有趣（相信我），但它确实有效。

使用JSON，JQuery向ASP.NET MVC Controller发布一系列复杂对象

1 个答案: