JSON.stringify
객체 -> JSON

JSON.parse
JSON -> 객체

JSON.parse
인수로 전달받은 문자열을 자바스크립트 객체로 변환한다.

JSON.stringify
인수로 전달받은 자바스크립트 객체를 문자열로 변환한다.

참고
자바스크립트로 JSON 다루기
https://inpa.tistory.com/entry/JSON-%F0%9F%93%91-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A1%9C-JSON-%EB%8B%A4%EB%A3%A8%EA%B8%B0

• JSON을 객체 형태로 변환

@Controller
public class MainController {

    // home.jsp
    @RequestMapping(value = "/", method = RequestMethod.GET)
    public String home() {
        return "home";
    }
        
    @ResponseBody
    @RequestMapping(value = "/test", method = RequestMethod.POST)
    public void init(@RequestBody UserVO userVO) {
        
            userVO.getName(); // "kim"
        userVO.getAge(); // 30
    }
}

이때 UserVO 클래스의 프로퍼티는 전송된 JSON 객체와 프로퍼티명이 일치해야 하고 getter, setter 가 있어야 합니다.

스프링 @RequestBody, @ResponseBody 사용하기
https://lifejusik1004.tistory.com/entry/Spring-%EC%8A%A4%ED%94%84%EB%A7%81-RequestBody-ResponseBody-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

@ResponseBody 작동원리

객체로 반환하기

@RepsonseBody 사용, 반환형이 객체 타입
세 번째는 @ResponseBody 어노테이션을 사용하고, 반환형이 객체 타입인 경우이다.

두 번째 방식을 설명할 때 StringHttpMessageConverter가 동작한다고 하였는데, 아래 예제 방식에서는 MappingJackson2HttpMessageConverter가 동작하게 된다. MappingJackson2HttpMessageConverter가 동작하면 객체 값을 JSON 형태로 변경하여 웹 브라우저에 띄우게 된다.

해당 방식을 사용해 데이터 전달하는 것을 api 방식으로 데이터를 전달한다고 말한다.

참고
https://mimah.tistory.com/entry/ResponseBody-%EC%9E%91%EB%8F%99-%EC%9B%90%EB%A6%AC

html과 script 같이 사용한 예시
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=agensoft&logNo=221172319094