Asp.NET Core表单提交重复触发及参数无法完整获取求助

针对问题1：表单重复触发+参数分批获取 #

• 排查双重提交原因：如果form设置了action，同时按钮为type="submit"且绑定了JS提交事件，会触发两次提交。检查前端代码是否同时存在按钮默认提交和手动form.submit()调用，保留一种提交方式即可。
• 解决参数分批问题：确保所有需要提交的元素都在
  标签内部，且元素的name属性与Controller接口的参数名完全一致（Asp.NET Core参数绑定大小写敏感）。比如InstructorId输入框的name要设为InstructorId，CsvFile控件的name设为CsvFile。

针对问题2：移除action设为button后，仅能获取selectedIds #

• 按钮设为type="button"后，需通过JS手动提交表单，此时必须用FormData处理文件上传（普通serialize()无法序列化file控件）。示例JS代码：

const form = document.getElementById('targetForm');
const formData = new FormData(form);
// 若selectedIds为多选框，确保其name属性为selectedIds，FormData会自动收集选中项
fetch('/YourController/EmployeeSessionPost', {
  method: 'POST',
  body: formData
});

• 后端接口需显式添加[FromForm]特性，确保从表单绑定参数：

[HttpPost]
public IActionResult EmployeeSessionPost(
    [FromForm] int InstructorId,
    [FromForm] List<int> selectedIds,
    [FromForm] IFormFile CsvFile)
{
    // 业务逻辑处理
}

针对问题3：Handle函数中ProductIds参数始终为null #

• 检查参数绑定特性：若为表单提交，参数需加[FromForm]；若为JSON提交，加[FromBody]且前端请求的Content-Type设为application/json。
• 核对参数名一致性：前端传递的参数名（如表单name、JSON键名）必须与后端ProductIds完全匹配，大小写不能出错。
• 若为路由参数，确保路由模板包含{ProductIds}，且请求URL正确携带该参数。

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