[Spring] ajax로 FormData를 넘길때 리스트로된 객체를 포함시키는 방법

Question

코드는 다음과 같이 작성했는데 여러 시도를 했지만 objs가 항상 null이 나옵니다. 네트워크 탭에서 페이로드를 확인해보았을때는 이렇게 나옵니다. 문제가 뭘까요??obj[0]: {&#34;name&#34;:&#34;n1&#34;, &#34;age&#34;:10} obj[1]: {&#34;name&#34;:&#34;n2&#34;, &#34;age&#34;:20}Javascript$('#submit-button').click( function () { var objs &#61; [{&#34;name&#34;:&#34;n1&#34;, &#34;age&#34;:10}, {&#34;name&#34;:&#34;n2&#34;, &#34;age&#34;:20}]; var formData &#61; new FormData(); formData.append(&#34;title&#34;, $('#title').val()); formData.append(&#34;summary&#34;, $('#summary').val()); formData.append(&#34;content&#34;, $('#content').val()); for (var i&#61;0; i < objs.length; i&#43;&#43;) { formData.append(&#34;objs[&#34; &#43; i &#43; &#34;]&#34;, JSON.stringify(objs[i])); //this is not working //formData.append(&#34;objs&#34;, objs[i]); //this is not working //formData.append(&#34;objs[&#34; &#43; i &#43; &#34;].name&#34;, objs[i].name); //this is not working } $.ajax({ url: &#34;/example&#34;, type: &#34;POST&#34;, data: formData, enctype: &#34;multipart/form-data&#34;, contentType: false, processData: false }); } )DTO in java springpublic record request( &#64;NotBlank String title, &#64;NotBlank String summary, &#64;NotBlank String content, &#64;NotNull List<OBJ> objs, ){}public record OBJ( String name, Integer age ) {}controller&#64;PostMapping(&#34;/example&#34;) public String example( &#64;Validated &#64;ModelAttribute Request request, //request.objs is null... BindingResult bindingResult ) {}

camelCase · Answer

일단 아예 들어오는 데이터가 없다고 하시면 보낼 때 문제가 있어보이는데요. request body를 front, back 모두에서 한번 찍어보시는게 좋겠습니다. 아마 json 이 자바로 왔을 때는 파싱을 해야 자바 객체로 치환이 될 수 있을텐데, 스프링은 그걸 어노테이션으로 자동으로 해결하고 있구요. request 자체 내용하고 body쪽 내용을 백엔드 쪽에서 로그상으로 toString 기본적으로 제공할테니 한번찍어보시죠. 제 기억에는 형식이 request.obj 이런 방법으로는 접근이 되는 형식이 아닐 겁니다.

codezzzz · Answer

formData.append("objs", JSON.stringify(objs));이렇게도 해보셨을까요?

아름다운세상에 · Answer

formData.append('objs[0].name', 'n1')formData.append('objs[0].age', 10);formData.append('objs[1].name', 'n2');formData.append('objs[1].age', 10); 이렇게 보니시면 되요해당 방식은 ajax get으로 object array 를 보내때도 대항 됩니다.max-part-count 도 수정 하셔야 해요

[Spring] ajax로 FormData를 넘길때 리스트로된 객체를 포함시키는 방법

3개의 답변

기술 목록