如何使用 FormData 将 javascript 数组与 @RequestParam 绑定？

Question

问题是将 javascript arraylist 与 RequestParam 注释绑定在一起。如果没有 nokDataList，我有这样的表单数据可以正常工作。 nokInfoDatas 是一个 javascript 数组，在控制台中它看起来是：

var requestData = JSON.stringify(nokInfoDatas);
    console.log("nokInfoDatas");
    console.log(nokInfoDatas);
    console.log("requestData");
    console.log(requestData);
var fd = new FormData();
        fd.append('photo', file);
        fd.append('testId', testId);
        fd.append('nokDataList', nokInfoDatas);
var ajaxData = {
            type: "POST",
            data: fd,
            processData : false,
            contentType : false,
            url: sendUrl,
            headers: headersData,
    };

后端：

public @ResponseBody String answer(HttpServletRequest request, 
            @RequestParam(value = "photo") MultipartFile photo,
            @RequestParam(value = "testId") String testId,
        @RequestParam(value = "nokDataList") List<NokDataDTO> nokInfoDtos
            )

Answer 1

您可以尝试如下：

使用您的 JSON 数据 (requestData) 创建一个 Blob :

var requestData = JSON.stringify(nokInfoDatas);
var fd = new FormData();
fd.append('photo', file);
fd.append('testId', testId);
fd.append('nokDataList', new Blob([requestData], {
  type: "application/json"
}));

将@RequestParam 更改为 @RequestPart 以使用多部分解析 JSON。

public @ResponseBody String answer(HttpServletRequest request, 
       @RequestParam(value = "photo") MultipartFile photo,
       @RequestParam(value = "testId") String testId,
       @RequestPart(value = "nokDataList") List<NokDataDTO> nokInfoDtos
      )

如何使用 FormData 将 javascript 数组与 @RequestParam 绑定？

How to bind javascript array with @RequestParam using FormData?

javascript

java

ajax

spring

form-data