Bootstrap Multiselect含逗号参数传递异常，Spring Boot后端处理方案咨询

当使用Bootstrap Multiselect的val()方法获取选中值时，返回的是一个数组。直接将这个数组传入formData.append("selectedNames", selectedNames)时，jQuery会自动将数组用逗号拼接成单个字符串（比如["INDIA","AMERICA","Eng,l's"]会变成"INDIA,AMERICA,Eng,l's"）。而Spring Boot的@RequestParam("selectedNames") List<String>默认会以逗号作为分隔符拆分参数，导致含逗号的选项被错误拆分成多个元素。

方案一：前端多次追加参数（无需修改后端） #

将选中的每个值单独追加到FormData中，同一个参数名多次出现时，Spring Boot会自动将其收集为List，避免逗号拆分问题。

修改前端代码：

function selectedNamesData() {
  let selectedNames = $("#selectedNames").val();
  let formData = new FormData();
  // 循环每个选中值，逐个追加参数
  if (selectedNames && selectedNames.length > 0) {
    selectedNames.forEach(name => {
      formData.append("selectedNames", name);
    });
  }
  $.ajax({
    type: "GET",
    url: "url",
    data: formData,
    processData: false, // 禁止jQuery自动处理FormData
    contentType: false, // 让浏览器自动设置Content-Type
    success: function (data) {
      console.log(data);
    },
  });
}

后端保持原有代码不变即可，此时请求的查询字符串会变成selectedNames=INDIA&selectedNames=AMERICA&selectedNames=Eng%2Cl%27s，Spring Boot能正确解析为3个元素的List。

方案二：改用POST请求传递JSON数组（更规范） #

GET请求的查询字符串存在长度限制，且处理特殊字符容易出问题，改用POST传递JSON数组是更稳妥的方案。

前端代码修改： #

function selectedNamesData() {
  let selectedNames = $("#selectedNames").val();
  $.ajax({
    type: "POST",
    url: "url",
    contentType: "application/json", // 指定内容类型为JSON
    data: JSON.stringify(selectedNames), // 将数组转为JSON字符串
    success: function (data) {
      console.log(data);
    },
  });
}

后端代码修改： #

将@RequestParam改为@RequestBody来接收JSON数组：

@PostMapping("url")
public void handleSelectedNames(@RequestBody List<String> selectedNames) {
    // 业务逻辑处理
}

这种方式完全避免了特殊字符的拆分问题，同时支持更大数据量的传递。

方案三：修改后端参数分隔符（不推荐） #

可以通过配置Spring Boot的参数分隔符，将默认的逗号改为其他不常用的字符，但需要前端同步用该字符拼接数组，这种方式灵活性差，且容易遇到新的冲突，不推荐使用。

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