FormData에 값이 들어가지않습니다.

Question

Formdata를 새로 생성하고, 거기에 데이터를 넣은 뒤 Axios를 통해 비동기방식으로 데이터를 전송하여 작업이 진행되는 구조입니다. const isData &#61; new FormData(); isData.append(&#34;test&#34;, 1); console.log(isData);이렇게 Javascript를 짰을 때, console에 출력되는 값은FormData {}입니다.디버그를 찍어봐도 데이터가 계속 들어가지 않는데 원인을 모르겠습니다.왜 append가 안되는 것일까요?

상저씨 · Accepted Answer

formdata는 console.log로 찍어서 값을 볼 수있는 객체가 아닙니다 질문자님 const isData &#61; new FormData(); isData.append(&#34;test&#34;, 1); console.log(isData); isData.get('test') 를 console로 찍으셔야돼요 isData.test는 FormData에 값을 넣은게 아닙니다용법에 맞게 사용하세요

yeori · Answer

그거 원래 안나옵니다.브라우저 개발자 도구 켜시고 전송하면 네트워크탭에 전송한 데이터 나올겁니다.

상저씨 · Answer

https://velog.io/&#64;josworks27/formData-console.log

KJN · Answer

&#64;yeori님제가 글을 이상하게 썼군요. 죄송합니다. 개발자도구 켜고 확인한 결과로도 아예, 데이터가 들어가지 않은 것을 확인하였습니다. append 로 하니 데이터는 안들어가네요.그런데isData.test &#61; 1이렇게 넣으면 또 데이터가 들어가네요. 일단 급한데로 이렇게 수정해서 작업 진행해야겠습니다.

HJOW · Answer

isData.append(&#34;test&#34;, 1);으로 isData 에 test라는 이름으로 1이란 값을 넣은 것은 맞습니다.단지 FormData 객체 자체를 console.log로 출력 시 안의 내용을 보여주지 않게 되어있다는 게 다릅니다.실제로 서버로 보내보면isData.append(&#34;test&#34;, 1);한 데이터가 전송이 되고,isData.test &#61; 1 한 데이터는 서버로 전송이 안되는 걸 알 수 있을 겁니다.

KJN · Answer

여러분, 도움 주셔서 감사합니다. 데이터 부분이 확인 되었습니다.제가 잘못 확인했던것이었네요.

FormData에 값이 들어가지않습니다.

6개의 답변

Q&A 목록