使用jQuery将复杂的JSON对象发送到Asp.net MVC

Question

我正在定义一个像这样的对象:

data = {
    first: { Id: 1, Name: "This is my first name." },
    second: { Id: 2, Name: "The second one." }
};

然后我尝试使用以下命令发出Ajax请求:

$.ajax({
    url: "/SomeURL"
    type: "POST",
    data: data,
    success: function(){ ... },
    error: function(){ ... }
});

但是我的数据被转换成类似于Asp.net MVC默认模型绑定器无法掌握的结构的数组.

first[Id]=1&first[Name]=...

我应该设置或执行什么,因此jQuery会正确地将这些转换为:

first.Id=1&first.Name=...

Answer 1

您是否尝试过扁平化数据？

data = {
    "first.Id": 1,
    "first.Name": "This is my first name.",
    "second.Id": 2,
    "second.Name": "The second one."
};

这里有一个小的jQuery扩展来展平你的数据:

jQuery.flatten = function(data) {
    var flattenFunc = function(flattenedData, flattenFunc, name, value) {
        if (typeof(value) == 'object') {
            for (var item in value) {
                flattenFunc(flattenedData, flattenFunc, name ? name + '.' + item : item, value[item]);
            }
        }
        else {
            flattenedData[name] = value;
        }
    };

    var flattenedData = new Array();
    flattenFunc(flattenedData, flattenFunc, null, data);
    return flattenedData;
};

只需更换data与$.flatten(data)您的Ajax请求.