Rest api 응답 화면
460
작성한 질문수 15
우선 화면에서는 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); // 객체 내부의 맵 또는 객체가 있을 경우 .(점) 연산자로 계속 타고 가며 참조
}
});
감사합니다.
이미지 업로드와 db 트랜잭션 묶는법
0
43
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
53
2
MessageSourceTest 코드
0
49
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
57
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
58
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
90
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
49
1
22page 링크 주소 변경
0
59
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
53
1
섹션3번 수업에 대한 질문입니다.
0
80
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
85
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
66
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
142
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
63
1
톰캣 에러 페이지가 안보입니다.
0
104
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
81
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
118
2
ApiExceptionController 질문드립니다.
0
64
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
66
1
MemberRepository 필드의 fianl 선언 유무
0
85
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
58
1