<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.9.5</version>
</dependency>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
ajax 통신에 필요한 문자열 타입 json으로 변경해주는 dependency와 jquery임포트 입니다

non_ajax는 ajax를 안넣습니다. ajax는 넣었습니다.

ajax.jsp 입니다. onclick으로 test() function 실행
ajax_result를 실행(get방식으로)
data는 컨트롤->서비스단의 리턴값을 받아오는 부분입니다

ajax_result url을 통해서 실행시켜줍니다
@RespinseBody는 jsp가아닌 문자열을 그대로 돌려주는 어노테이션입니다
cnt를 좋아요 라고 가정하고 누를때마다 ajax를 이용해서 좋아요를 하나씩 올린다는 개념입니다