[Spring Boot] 비동기 fetch 다양한 데이터 받는 법

비동기 fetch 다양한 데이터 받는 법

fetch 기본 사용법은 아래 포스팅을 참고해주시면 이해하시는데 도움이 되실 거예요!

 

 

https://bagun-coding.tistory.com/entry/Spring-Boot-%EB%B9%84%EB%8F%99%EA%B8%B0-%ED%86%B5%EC%8B%A0-fetch-%EC%82%AC%EC%9A%A9%EB%B2%95

[Spring Boot] 비동기 통신 fetch 사용법

 

 

 

1. 커맨드 객체로 데이터 받기

vo

js

커맨드 객체에 넣을 데이터 객체를 JSON.stringify()에 넣어 JSON 데이터로 컨트롤러에 전달합니다. 

 

컨트롤러에서는 Fetch를 응답받을 메소드에 @ResponseBody

전달 받는 데이터에 @RequestBody

를 넣으면 데이터를 받을 수 있습니다!

 

 

 

2. Map으로 데이터 받기

controller

console

Map<Key타입, Value타입> data

 

data.get("key")

key값으로 value값을 출력할 수 있습니다.

 

Map의 Value타입을 Object로 주면 다양한 데이터 타입들을 받아올 수 있음

 

 

 

 

Map으로 받은 데이터를 

ObjectMapper를 사용해서 자바 객체로 변환시킬 수 있습니다.

 

ObjectMapper mapper = new ObjectMapper();

MemberVO memberVO = mapper.convertValue(data, MemberVO.class);

 

 

3. 객체 배열 List로 데이터 받기

js

controller

console

 

 

 

4. 객체 배열 Map으로 데이터 받기

List<Map<String, String>> data

List의 타입에 Map을 넣어주면 됨!

console