MVC控制器List模型绑定失败及AJAX传参格式修正咨询

你遇到的问题本质是jQuery GET请求序列化嵌套对象集合时的格式和ASP.NET MVC模型绑定器期望的格式不匹配：jQuery默认用enumLocalizations[0][key]这种括号语法，但MVC的绑定器只认enumLocalizations[0].key这种点分隔的语法，所以才会导致EnumLocalizations里的元素属性全是默认值。

下面给你两个可行的解决方案，根据你的业务场景选一个就行：

方案一：自定义参数序列化函数（保持GET请求） #

我们可以自己写一个jQuery的参数序列化函数，把嵌套对象的格式转换成MVC能识别的点语法，然后手动拼到URL里：

首先添加自定义序列化函数：

$.param.querystring = function(obj) {
    let parts = [];
    $.each(obj, function(key, value) {
        if (Array.isArray(value)) {
            $.each(value, function(index, item) {
                if (typeof item === 'object' && item !== null) {
                    $.each(item, function(subKey, subValue) {
                        parts.push(`${encodeURIComponent(`${key}[${index}].${subKey}`)}=${encodeURIComponent(subValue)}`);
                    });
                } else {
                    parts.push(`${encodeURIComponent(`${key}[${index}]`)}=${encodeURIComponent(value)}`);
                }
            });
        } else if (typeof value === 'object' && value !== null) {
            $.each(value, function(subKey, subValue) {
                parts.push(`${encodeURIComponent(`${key}.${subKey}`)}=${encodeURIComponent(subValue)}`);
            });
        } else {
            parts.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
        }
    });
    return parts.join('&');
};

然后修改你的AJAX配置，把序列化后的参数直接拼到URL上（注意不要再用data属性传参，避免重复序列化）：

let ajaxSettings = {
    type: 'GET',
    xhrFields: { responseType: 'blob' },
    url: '/YourController/CustomerOrdersAsExcel?' + $.param.querystring(column),
    success: (data) => { 
        // 你的成功回调逻辑
    }
};

方案二：改用POST请求（更简单的方案） #

如果业务允许把接口改成POST请求，那这个问题会简单很多——POST可以直接发送JSON字符串，MVC的模型绑定器能完美解析嵌套集合：

首先修改AJAX配置：

let ajaxSettings = {
    type: 'POST',
    xhrFields: { responseType: 'blob' },
    data: JSON.stringify(column),
    contentType: 'application/json; charset=utf-8',
    success: (data) => { 
        // 你的成功回调逻辑
    }
};

然后给控制器的Action加上[HttpPost]特性：

[HttpPost]
public FileStreamResult CustomerOrdersAsExcel(ExcelColumn column)
{
    // 你的业务逻辑代码
}

为什么原来的方法无效？ #

• 用JSON.stringify处理参数后，GET请求会把整个JSON字符串当成一个参数传，MVC绑定器无法解析成ExcelColumn对象；
• traditional: true是用来处理数组的扁平化序列化的，对嵌套对象集合的格式问题没有帮助。

内容的提问来源于stack exchange，提问作者kriss