JS에서 받은 데이터를 JSON으로 보내기

HTML과 JS로 프론트엔드를 구성하였고, 여기서 받은 데이터를 spring으로 보내주려고 하는 과정이 있었다.

        function enroll_board() {
            let title = $('#title').val()
            let cost = $("#cost").val()
            let image = $('#image')[0].files[0]
            let content = $("#content").val()
            let data = {'title': title, "cost": cost, "image": image, "content": content};

            $.ajax({
                type: "POST",
                url: "/api/boards/write",
                contentType: "application/json",
                data: JSON.stringify(data),
                success: function (response) {
                    if (response["status_code"] === 201) {
                        location.href = `/board/write/success`;
                    }
                }
            });
        }

데이터를 입력하는 id값을 $('#title').val()형태로 새로운 변수를 선언해서 넣어주고
이런 변수를 토대로 합쳐셔 key:value값인 json형태를 만들어준다.

그리고 url에 post방식으로 ajax 요청을 하게 되는데
contentType는 application json 형태로하고 data를 json화를 해줘서 해당url에 보내준다.

이렇게되면 데이터가 json형태로 body값으로 들어가게 된다?