인프런 커뮤니티 질문&답변
작성한 질문수
Rest api 응답 화면
작성
·
393
·
수정됨
0
우선 화면에서는 html ,자바스크립트 ,제이쿼리 ,타임리프만을 사용해보려고 하고있습니다
(화면에서 ajax 사용했습니다)
아래 2가지 상황에서 화면으로 어떻게 값을 가져와서 사용해야하는지 잘모르겠습니다... ㅠㅠㅠ
컨트롤러에서 @ResponseBody가 붙은 메소드에서 데이터를 Map으로 리턴하고 있습니다 그랬을때 화면에서는 어떻게 받아서 사용해야할지 모르겠습니다..
컨트롤러에서 @ResponseBody가 붙지 않는 메소드에서는 모델에 담은 데이터가 Map이고 그 Map안에서 특정한 하나의 키에 Value가 배열이고 그 안에 또 Map이 있는 경우에는 어떻게 가져와야할까요?? 배열이 있는부분은 반복문을 써서 전부 화면에서 보여주고 싶습니다
답변 1
1
안녕하세요, 유석균 님! 공식 서포터즈 codesweaver 입니다.
백엔드 객체를 자바스크립트에서 바로 사용하는 방법은 JSON을 이용하는게 일반적입니다.
@ResponseBody 가 있는 경우는 반환값이 JSON으로 인코딩 되기에 자바스크립트에서 JSON 으로 파싱 하거나 혹은 스크립트 내에 텍스트로 바로 심어 버리는 방법이 있습니다. (이 방법은 비추천하지만, 급하면 이렇게 사용이 가능하다 정도로 받아주세요 :))
=======백엔드에서 자바스크립트로 데이터 심기=======
model.addAttribute("list", jsonList); // JSON으로 변환한 객체를 모델에 심고
<script>
const responseList = ${list} // 이런 형태로 받을 수도 있습니다. (비추천)
</script>
======= AJAX 에서 JSON 데이터 받기 =======
$.get({
url: "api/member",
method: "get", // or post
dataType: "json",
success: function(response) {
const data = JSON.parse(response);
console.log(data); // 객체 내부의 맵 또는 객체가 있을 경우 .(점) 연산자로 계속 타고 가며 참조
}
});
감사합니다.
답변 감사합니다!!!