如何将JavaScript对象数组绑定到.NET Core的ViewModel列表？

嘿，我之前也多次遇到过这种.NET Core模型绑定失效的情况，咱们一步步来排查问题根源：

1. 确保请求的Content-Type和数据格式正确 #

JavaScript发送POST请求时，必须明确设置Content-Type: application/json，并且把数组序列化为JSON字符串。如果这两点没做对，.NET Core的模型绑定器根本没法识别请求体里的数据。

举个Fetch API的示例：

const surveyData = [
  { ParticipantId: 1, Answer: "满意", ScenarioId: 1001 },
  // ... 其他7条数据
];

fetch("/api/Survey/SubmitResponses", {
  method: "POST",
  headers: {
    "Content-Type": "application/json", // 这行绝对不能少！
    "Accept": "application/json"
  },
  body: JSON.stringify(surveyData) // 必须把数组转成JSON字符串
})
.then(response => response.json())
.catch(err => console.error(err));

如果用Axios的话，它会自动处理JSON序列化和Content-Type，但如果手动配置了请求头，也要确保没有覆盖正确的类型。

2. 给控制器Action参数加上[FromBody]特性 #

.NET Core的模型绑定器默认会从FormData、QueryString等位置查找数据，而POST的JSON数据在请求体里，必须用[FromBody]告诉它从哪里取数据：

[HttpPost("SubmitResponses")]
public IActionResult SubmitSurveyResponses([FromBody] List<SurveyResponse> participantScenarios)
{
    // 这里就能拿到正确的数据了
    if (participantScenarios == null || !participantScenarios.Any())
    {
        return BadRequest("未接收到有效数据");
    }
    // 业务逻辑处理
    return Ok();
}

这是最容易忽略的点，没加这个特性的话，participantScenarios肯定是空集合。

3. 检查C#类和JavaScript对象的属性匹配度 #

模型绑定对属性名的大小写是敏感的！比如你JS里是ParticipantId，那C#的SurveyResponse类必须对应相同的属性名：

public class SurveyResponse
{
    public int ParticipantId { get; set; }
    public string Answer { get; set; }
    public int ScenarioId { get; set; }
}

如果C#里写成了participantId（小写开头），或者属性名拼写错误（比如把ScenarioId写成了ScenarioID），都会导致绑定失败，进而整个List为空。

4. 验证数据类型是否匹配 #

确保JS对象里的属性值类型和C#类的属性类型一致：

• 如果C#里ParticipantId是int类型，JS里不能传字符串（比如"123"），必须传数字123；
• Answer如果是字符串类型，JS里要确保是字符串值，不要传null或者其他非字符串类型（除非C#里允许可空）。

5. 用浏览器开发者工具确认请求内容 #

打开浏览器的Network标签，找到发送的POST请求，查看Request Payload，确认发送的是标准的JSON数组，格式类似：

[
  {"ParticipantId":1,"Answer":"满意","ScenarioId":1001},
  {"ParticipantId":2,"Answer":"一般","ScenarioId":1002},
  ...
]

如果Payload格式错误（比如少了外层数组的[]，或者属性名没加双引号），模型绑定器会直接解析失败，返回空集合。

最后总结 #

最常见的问题就是没加[FromBody]特性和Content-Type设置错误，先检查这两个点，大部分情况下都能解决问题。如果还是不行，再一步步排查属性匹配、数据类型和请求格式的问题。

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