[JavaScript] <a>태그 post 전송

DEVRANG·2023년 1월 13일
0

헤더에 로그아웃 태그를 만들면서
a태그를 이용해서 post전송으로 controller의 logout동작을 실행해야 했다..

JavaScript 함수 이용

<script>
		function sendPost(){
		alert('작동되는거니?');
	    let f = document.createElement('form');
        //폼태그로 감쌀 필요 없다.. 그냥 a태그 해도 됨..
	    f.setAttribute('method', 'post');
	    f.setAttribute('action', '/user/logout');
	    document.body.appendChild(f);
	    f.submit();
	}
</script>
                <!-- 로그인 상태 -->
                <c:if test="${login != null }">
                <span><a>${user_name }님 환영합니다.</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                    
                <span><a href="javascript:void(0)" onclick="javascript:sendPost()">로그아웃</a></span>
                </c:if>

아유 이제 시작이지만 회원가입 로그인 기본 해놓으니까 기분이 좋구먼..
하지만 네이버/카카오 로그인 API와 
상품 결제/장바구니 등 실제 기능은 이제 시작이라능 ^^....화이팅 
profile
완주가 목표인 호랑이

0개의 댓글