jQuery ajax如何向ASP.NET后端传递包含null值的数组参数

该问题的核心是jQuery默认的表单序列化规则，遇到数组内的null/undefined值时会自动添加索引后缀，导致ASP.NET的模型绑定无法识别。可以用以下几种方法解决：

• 方案1：开启traditional序列化模式
  给ajax请求添加traditional: true配置，强制jQuery使用传统的浅层序列化规则，数组参数不会带索引后缀，生成符合ASP.NET解析要求的test[]=1&test[]=格式：

  $.ajax({ 
    url: 'test', 
    type: 'POST', 
    traditional: true,
    data: { test: [1, null] }
  })
  

  该方案改造成本最低，适合不想改动现有参数传递逻辑的场景。
• 方案2：传递JSON格式数据
  将请求数据序列化为JSON字符串，同时设置请求头contentType为application/json，后端通过[FromBody]注解绑定参数即可：
  前端代码：

  $.ajax({ 
    url: 'test', 
    type: 'POST', 
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify({ test: [1, null] })
  })
  

  后端接口示例（ASP.NET Core）：

  public class RequestModel
  {
      public List<int?> Test { get; set; }
  }
  
  [HttpPost]
  public IActionResult Test([FromBody] RequestModel model)
  {
      // 可正常获取到test数组内的null值
  }
  

  该方案兼容性最强，对嵌套结构、空值、特殊类型的参数都能稳定解析，是最推荐的处理方式。
• 方案3：手动拼接表单参数
  自行按照ASP.NET可识别的格式拼接参数字符串，避开jQuery的默认序列化逻辑：

  const arr = [1, null];
  const param = arr.map(val => `test[]=${val === null ? '' : encodeURIComponent(val)}`).join('&');
  $.ajax({ 
    url: 'test', 
    type: 'POST', 
    data: param 
  })
  

  该方案适合需要自定义序列化规则的特殊场景。

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