2-2. 로그아웃 (jsp를 사용한 간단로그아웃)

• 로그아웃할 때는 이렇게 확인창이 뜨고 확인을 누르면 로그아웃이 된다

 

 

 

 

 

• 로그아웃확인

 

 

 

 

 

 

 

 

---

로그아웃은 헤더에 있기때문에 헤더부분에 js를 적용해줘야한다

• header.jsp
  • 로그아웃이라는 value를 가진 input을 만들어주고 id는 btnLogout으로 설정

<input type='button' id='btnLogout' value='로그아웃' />

 

 

 

 

• login.js
  • btnLogout을 눌렀을 때 confirm창이 뜨고 true일시 logout.jsp로 이동하게끔
  • form태그가 아니기 때문에 action과 submit등은 필요없다

var logInOut = function(){

	var btnLogout = document.getElementById('btnLogout');

	if(btnLogout != null){
	btnLogout.onclick = function(){
		if( confirm("정말 로그아웃 하시겠습니까?")){
		alert("로그아웃되었습니다");
		location.href = '/Fineapple-final/login/logout.jsp';
		}
	}
	}

}

 

 

 

 

 

 

• logout.jsp
  • logout은 login에 비해 쉽다 session에서 속성을 remove하기만 하면된다
  • session.removeAttribute을 활용해 삭제해주고 index로 이동시켜준다

<%
	session.removeAttribute("member_mid");

	response.sendRedirect("../main/index.jsp");
%>