[Spring-JS]데이터 변경 시 Confirm이벤트 처리

글을 작성ㆍ수정ㆍ삭제할 때, 정말 그렇게 하겠느냐

재확인 하는 창을 심심치 않게 볼 수 있는데 오늘은 그걸 JS로 만들어보았다.

 

강의를 들으면서 시간이 허락하는 한,

JS에 대해 더 공부했다면 유용한 기능들을 사용해볼 수 있지 않았을까 하는 아쉬운 생각이 든다.

 

 

 

프로세스는 어떤 버튼을 눌렀을 때, 메세지를 띄어주는 이벤트를 발생시킨다.

한 줄로 간단하게 요약되는만큼 실제로 해보면 더 간단하다.

 

 

<view.jsp>

<a href="delete.do?no=${vo.no }&deleteImage=${vo.fileName}" class="btn btn-default" id="deleteBtn">삭제</a>

우선, 글 삭제 버튼이 있는 view.jsp 에서 삭제버튼에 해당하는 a 태그의 id를 deleteBtn으로 설정한다.

 

 

그리고,  default_decorator에서 이벤트 처리를 하는 JS 코드를 추가하면 끝난다.

 

<default_decorator>

<script type="text/javascript">
        $(function(){
		// 삭제 버튼 이벤트 처리
		$("#deleteBtn").click(function(){
			return confirm("정말 삭제하시겠습니까?");
		});
		})
</script>

이런식으로, 버튼마다 id를 지정해주고 default_decorator에서 JS 코드를 추가하면 끝!