22-07-08 진행상황

회원가입&로그인

메인페이지의 로그인 버튼이 회원 로그인 시 로그아웃으로 바뀌고
회원가입 버튼이 마이페이지 버튼으로 바뀌게 했다.
로그인 시 세션에 정보를 저장해서 메인에서 정보를 받아왔다.

<script type="text/javascript">
	let nickname = '<%=(String) session.getAttribute("nickname")%>';
	
	$(function() {
		if (nickname != "null") {
			//회원이 로그인을 하면 로그인->로그아웃 회원가입->회원인사로 변경
			//회원가입 링크가 마이페이지 링크로 변경 로그인 링크가 로그아웃으로 변경
			document.getElementById("login").innerHTML = "로그아웃";
			document.getElementById("join").innerHTML = nickname+"님 환영해요~";
			$('#join').prop('href', "myPage.jsp");
			$('#login').prop('href', "index.jsp");
			
			$("#login").click(function(){
				<% session.invalidate();%>
			});
		}
	});
	
</script>

로그인 할때 ajax를 사용해서 정보를 보내주었다.

<script>
	$(function() {
		$("#uid").focus();
		$("#btn").click(
				function() {
					$.ajax({
						url : "LoginServlet",
						type : "post",
						data : {
							uid : $("#uid").val(),
							upw : $("#upw").val()
						},
						dataType : "text",
						success : function(data) {
							if (data.includes("로그인합니다")) {
								$(location).attr("href", "index.jsp");
							} else {
								alert(data);
								//입력값 초기화
								document.getElementById("uid").value = '';
								document.getElementById("upw").value = '';
								$("#uid").focus();
							}
						}
					});
				});
	});
</script>