如何提交还包含数组的Json对象?

时间:2013-07-30 04:09:13

标签: json asp.net-mvc-4

这是我的jquery函数。我想将此对象发布到控制器。除了 ListOfCBToDisplay 之外,每件事情都可以正常工作,这是一个列表。

<script>
function Submit_Movie() {
    //
    var title = $('[id*="Title"]').val();
    var yearOfMaking = $('[id*="YearOfMaking"]').val();
    var description = $('[id*="Description"]').val();

    var movie =
    {
        "Title": title,
        "YearOfMaking": yearOfMaking,
        "Description": description,

        "ListOfCBToDisplay" : []
    };

    //
    var $cbx = $('[id*="cbx"]');        
    $cbx.each(function () {
        var id = GetID($(this).attr('id'));
        var ck = $(this).prop("checked");
        alert(id + ", " + ck);       //The alert is displaying correctly all the values

        var new_obj = { "ID": id, "Value": ck, "Text": "" };
        movie.ListOfCBToDisplay.push(new_obj);
    })

    //
    var url = "@Url.Action("AddEditMovie", "Admin")";
    $.post(url, movie, function (data) {
        location.reload();
    });
}
function GetID(elt_id) {
    var _id = elt_id.split('_');
    if (_id.length == 2) {
        return _id[1];
    }
    else {
        return 0;
    }
}

这是电影课

public class Movie
{
    public Movie()
    {
        ListOfCBToDisplay = new List<CheckBoxToDisplay>();
    }

    // more properties ...

    public List<CheckBoxToDisplay> ListOfCBToDisplay { get; set; }
}

这就是行动

    [HttpPost]
    public ActionResult AddEditMovie(Movie movie)
    {
        //More here ...
    }

当列表中的对象具有空值时,所有原始属性都获取其值的任何原因,即ID = 0,Text = null和Value = false?但是,对象的数量始终是正确的,只有值为空。

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

您可以尝试将JSON用于JSON.stringify(myObject);对象。或者您可以使用JS join方法序列化字符串:

var myList = [];
$cbx.each(function () {
    var id = GetID($(this).attr('id'));
    var ck = $(this).prop("checked");
    alert(id + ", " + ck);       //The alert is displaying correctly all the values

    var new_obj = id+"~"+ck; // here `~` is id/value separator
    myList.push(new_obj);
})
movie.ListOfCBToDisplay = myList.join("^"); // here '^' is a separator

然后在服务器端使用^分隔符分割字符串以获取id /值列表,然后将每个字符串/ {1}}分开。这基本上是手动序列化对象。

修改

另一种方法是将所有需要的值复制为~到隐藏的<input type='hidden'>,然后在表单上使用JQuery serialize()。也许您可以使用当前表单来执行此操作。