javascript에서 fatch() 질문

Question

JAVASCRIPTasync function fetchApi(apiUrl, apiData) { console.log(&#34;apiUrl &#61;> &#34;, apiUrl) console.log(&#34;apiData &#61;> &#34;, apiData) return fetch(apiUrl, { method: 'POST', headers: {&#34;Content-Type&#34;: &#34;application/json&#34;,}, // body: apiData body: JSON.stringify(apiData) }) .then(res &#61;> res.json()) .catch(error &#61;> console.error(error)); }CONTROLLER.JAVA &#64;RequestMapping(&#34;/userInfoApi&#34;) public ResponseEntity<ResponseData> patInfo(userModel userNo) { System.out.println(userModel.getA110_userNo());Modesl.JAVA&#64;Data public class userModel { private String userNo; -안녕하세요javascript에서 fatch()를 사용해 springboot와 통신하려고 하는데요javascript코드에 apiData에는 {userNo : &#34;9999&#34;}가 잘들어가는 것을 확인했습니다근데 백단에서는 값을 받아오지 못하고 있어요 값이 null로 넘어옵니다java 에서 받을 때 string 로 받아도 되지만 제가 하고자하는건 model 객체 형식으로 받고 싶어서요포스트맨에 값넣어서 전달하게 되면 잘 되는데 보니까 javascript가 잘못 된것같은데...잘모르겠습니다... 고수님들 도와주시면 감사드리겠습니다!

JethroHolic · Answer

patInfo(@RequestBody userModel userNo)post로 하면 데이터는 Body로 넘어옵니다..

RWB · Answer

POST로 요청을 보낼 때, 컨트롤러의 파라미터를 DTO 객체로 받고 싶다면 아래와 같이 @RequestBody 어노테이션을 붙여주시면 됩니다. @RequestMapping("/userInfoApi") public ResponseEntity<ResponseData> patInfo(@RequestBody userModel userNo) { System.out.println(userModel.getA110_userNo());

Clickin · Answer

Controller가 @RestController인가요? 아니라면 userModel 앞에 @ResponseBody 어노테이션이 필요합니다. 여전히 안된다면 크롬 개발자 도구 네트워크 탭에서 서버에 전달되는 payload가 어떻게 나가는지 한번 확인해보시는 게 좋겠습니다.

javascript에서 fatch() 질문

3개의 답변

Q&A 목록