MVC中AJAX POST多行数据始终为null，求技术解决方案

你的问题大概率是请求格式不匹配或者数据结构和控制器参数绑定规则不兼容导致的，我帮你拆解几个关键问题点和对应的解决方案：

方案一：发送JSON格式数据（推荐） #

如果要通过AJAX发送JSON到控制器，需要满足几个核心要求：

1. 确保DTO类属性可访问
   首先检查MailSyncDTO的属性是否有公共的get和set方法，否则MVC无法完成绑定：

   public class MailSyncDTO
   {
       // 必须有public的get/set才能被MVC绑定
       public string EmailSource { get; set; }
       // 其他属性同理，比如邮件主题、收件人等
   }
   

2. 正确构造JS中的数据结构
   从页面收集输入值时，要把数据整理成数组形式，每个元素对应一个MailSyncDTO对象：

   // 收集页面上的邮件数据（假设每行对应一个MailSyncDTO实例）
   var emailList = [];
   $("tr").each(function() {
       var row = $(this);
       emailList.push({
           // 属性名尽量和DTO的属性名一致（MVC绑定大小写不敏感，但统一更稳妥）
           emailSource: row.find("[id^='emailSource']").val(),
           // 补充其他需要同步的属性，比如：
           // emailSubject: row.find("#emailSubject").val()
       });
   });
   

3. AJAX请求的关键配置
   一定要设置contentType为application/json; charset=utf-8，并且用JSON.stringify()序列化数组：

   $.ajax({
       url: "@Url.Action("SyncMail", "YourController")", // 替换成你的实际控制器名称
       type: "POST",
       contentType: "application/json; charset=utf-8", // 这个是核心！不设置的话MVC无法解析JSON
       data: JSON.stringify(emailList), // 直接序列化数组，对应控制器的List<MailSyncDTO>参数
       success: function(response) {
           console.log("邮件同步成功");
       },
       error: function(xhr) {
           console.error("同步失败：" + xhr.responseText);
       }
   });
   

4. 控制器参数的绑定（可选）
   如果是ASP.NET Core版本，需要给参数加上[FromBody]特性明确从请求体读取数据；ASP.NET MVC 5及更早版本默认支持，可省略：

   // ASP.NET Core 需添加[FromBody]
   public ActionResult SyncMail([FromBody]List<MailSyncDTO> emailLst)
   {
       // 这里处理你的同步逻辑
       return Json(new { success = true });
   }
   

方案二：发送表单编码数据 #

如果不想用JSON，也可以用传统的表单编码方式，这时候需要修改视图中input的name属性为索引格式：

1. 修改视图的input命名
   推荐用for循环而不是foreach，直接获取索引让MVC识别为List的元素：

   @for (int i = 0; i < Model.Count; i++)
   {
       <tr>
           <td>
               <input name="emailLst[@i].emailSource" 
                      id="emailSource_@i" 
                      type="text" 
                      value="@Model[i].emailSource" />
           </td>
           <!-- 其他属性的input同理，比如name="emailLst[@i].emailSubject" -->
       </tr>
   }
   

2. AJAX请求配置
   直接序列化表单数据，不需要额外设置contentType（默认就是表单编码格式）：

   $.ajax({
       url: "@Url.Action("SyncMail", "YourController")",
       type: "POST",
       data: $("form").serialize(), // 序列化整个表单的输入值
       success: function(response) {
           console.log("邮件同步成功");
       },
       error: function(xhr) {
           console.error("同步失败：" + xhr.responseText);
       }
   });
   

排查小技巧 #

如果还是不行，可以用浏览器开发者工具（F12）打开Network标签：

• 检查Request Payload是否是你预期的JSON/表单数据
• 查看Response是否有错误信息，MVC通常会返回绑定失败的详细原因

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