通过javascript将包含数组的对象数组传递给MVC操作

Pass array of objects containing arrays to MVC action via javascript

本文关键字：数组 MVC 操作 javascript 包含 通过 对象      更新时间：2023-12-11

假设我有一个javascript对象，如：

function Parent(n, c) {
    this.Name = n;
    this.Children = c;
}
var p = new Parent("asdf", [1,2,3]);

我想通过JSON将parent对象及其子对象的数组传递给MVC 4控制器。

如何格式化ajax请求？我已经看到了许多其他问题，尽管没有一个问题使用数组作为成员变量。

这就是我目前所拥有的：

var parents = [];
parents.push(new Parent("qwer", "child1"));
parents.push(new Parent("sdfg", 12345));
parents.push(new Parent("zxcv", [4,5,6]));
$.ajax({
    url: MakeUrl("Ctlr/Action"),
    type: "POST",
    contentType: 'application/json;charset=utf-8',
    data: JSON.stringify({
       parents : parents
    }),
    success: function (data, state, xhr) {
        $("#someDiv").html(data);
    },
    error: function (xhr, state, err) {
        Utility.displayError(xhr.reponseText);
    }
});

字符串的结果实际上看起来是合理的：

"{"parents":[{"Name":"qwer","Value":"child1"}, {"Name":"sdfg","Value":12345}, {"Name":"zxcv","Value":[4,5,6]}]}"

以下是控制器操作：

public ActionResult Action(IEnumerable<Parent> parents) {
    ...
}

如果相关，服务器端Parent对象：

public class Parent {
    public string Name { get; set; }
    public object Children { get; set; }
}

Children是object，因为它有时是另一种数据类型——我意识到这可能是一种轻微的代码气味，但这个类的最终功能是将任意参数传递给我们的报告引擎。

简单的数据类型（日期、整数、字符串等）似乎以这种方式工作得很好，但Children数组只是作为{object}出现，据我所知，它甚至不是字符串，而是一些通用的系统对象。有没有一种方法可以在MVC中做到这一点，而不必求助于，比如，将其推送到字符串中并解析出来？

现在，我已经决定通过javascript提交一个平面列表，然后在服务器端构建它。

javascript：

var parents = [];
parents.push(new Parent("asdf", "qwer"));
parents.push(new Parent("zxcv", 123456));
[4,5,].forEach(function (e, i) {
    params.push(new Parent("Children[" + i + "]", e));
});

JSON.stringify:之后是这样的

[{"Name":"asdf","Value":"qwer"},{"Name":"zxcv","Value":123456},{"Name":"Children[0]","Value":4},{"Name":"Children[1]","Value":5},{"Name":"Children[2]","Value":6}]

然后通过以下功能在控制器中展开：

private IEnumerable<Parent> Unzip(IEnumerable<Parent> parameters) {
    var unzipped = new Dictionary<string, Parent>();
    var r = new Regex(@"(.*)'[.*']");
    foreach (var p in parameters)
    {
        var match = r.Match(p.Name.ToString());
        if (match.Success)
        {
            var name = match.Groups[1].Value;
            if (!unzipped.ContainsKey(name))
                unzipped.Add(name, new Parent() { Name = name, Value = new List<object>() { } });
            ((List<object>)(unzipped[name].Value)).Add(p.Value);
        }
        else
            unzipped.Add(p.Name, p);
    }
    return unzipped.Values;
}
相关文章：