MVC中AJAX更新请求传参时Controller接收对象为null问题

我帮你梳理下这个问题——你前端AJAX里的列表数据明明正常，但请求到Controller后featureModel却变成了null，这大概率是模型绑定环节出了问题，咱们一步步排查解决：

1. 先检查前后端属性名称的大小写匹配 #

ASP.NET MVC的默认模型绑定是大小写敏感的，如果前端传递的JSON对象属性是驼峰（比如featureId），但后端FeatureMasterModel的属性是帕斯卡命名（比如FeatureId），就会导致绑定失败，参数直接为null。

解决办法有两种：

• 要么把前端的属性名改成和后端完全一致（比如把featureId改成FeatureId）
• 要么给后端模型的属性加上[JsonProperty]特性，指定对应的JSON键名：

  public class FeatureMasterModel
  {
      [JsonProperty("featureId")]
      public int FeatureId { get; set; }
      
      [JsonProperty("featureName")]
      public string FeatureName { get; set; }
      // 其他属性同理
  }
  

  或者在全局配置JSON序列化支持驼峰匹配（MVC5中可以在Global.asax的Application_Start里添加）：

  protected void Application_Start()
  {
      // 其他配置...
      GlobalConfiguration.Configuration.Formatters.JsonFormatter.SerializerSettings.ContractResolver = 
          new Newtonsoft.Json.Serialization.CamelCasePropertyNamesContractResolver();
  }
  

2. 把集合接口换成具体的集合类 #

有时候用IEnumerable<T>作为[FromBody]参数时，模型绑定器可能无法正确识别，换成具体的List<T>试试：

[HttpPut]
[ExcludeFromCodeCoverage]
public async Task<JsonResult> ModifyAccessLevelFeatureMapping([FromBody]List<FeatureMasterModel> featureModel)
{
    try {
        var accessLevelFeatures = await accessLevelService.UpdateAccessLevelFeature(featureModel);
        return Json(new { accessLevelFeatures });
    }
    catch(Exception ex)
    {
        // 建议加上异常处理，方便排查问题
        return Json(new { success = false, message = ex.Message });
    }
}

3. 确认前端数据结构和传递正确性 #

在AJAX发送前，先在控制台打印accessLevelFeatureList，确认：

• 它是一个数组类型，而不是单个对象
• 数组里的每个元素都包含后端模型需要的所有属性，没有缺失或者拼写错误
• JSON.stringify(accessLevelFeatureList)转换后的JSON字符串格式正确，可以用console.log(JSON.stringify(accessLevelFeatureList))查看

4. 验证CSRF令牌的正确性 #

虽然这个一般会导致400错误而非参数null，但还是确认下：在控制台打印$("input[name='__RequestVerificationToken']").val()，确保能拿到有效的令牌值，避免因为令牌无效导致请求被拦截，间接引发绑定问题。

修正后的AJAX示例（可选） #

其实你的AJAX代码大部分是对的，只要确保数据结构正确，这里给个更严谨的版本：

// 先确认accessLevelFeatureList的结构
console.log("待提交的数据：", accessLevelFeatureList);

$.ajax({
    traditional: true,
    async: true,
    type: 'PUT',
    headers: { 
        'X-CSRF-TOKEN': $("input[name='__RequestVerificationToken']").val() 
    },
    url: "/AccessLevel/ModifyAccessLevelFeatureMapping",
    dataType: 'json',
    contentType: 'application/json',
    data: JSON.stringify(accessLevelFeatureList),
    processData: false,
    cache: false,
    success: function (data) {
        console.log("更新成功：", data);
    },
    error: function(xhr, status, error) {
        // 加上错误回调，方便排查请求失败原因
        console.error("请求失败：", xhr.responseText);
    }
});

先从属性大小写匹配和集合类型这两点入手排查，大概率能解决问题！

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