FRONT/Javascript & JQuery
javascript 폼 2개 이용하기
영공쁘이
2021. 8. 5. 18:39
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//function을 넣을거다! js 부분이다.
function updateMember(){
document.updateForm.action="memUpdateForm.do"; //memUpdateForm.do(회원 정보 수정)로 가라!(id값을 숨겨서 보내서 여기로 간다!)
document.updateForm.submit(); //서버로 전송!
}
function deleteMember(){
document.delForm.action = "deleteMember.do"; //회원 탈퇴로 가라
document.delForm.submit(); //서버로 전송하라!
}
</script>
</head>
<body>
<!-- form을 여러 개 쓸 수 있다 -->
<h2>${mdto.name}님 저희 홈에 호신 것을 환영합니다.</h2>
<%-- session으로 등록하는 것 (로그인했을 때!!)--%>
<c:set var="id" value="${mdto.id}" scope="session"/> <!--scope: 한 사람이 들어와 세션하는 동안 관리하는 것 -->
<a href="list.do">게시판 글 목록</a>
<a href="javaScript:updateMember()">내 정보 수정</a> <!-- 폼이 2개라서 이렇게 쓴거다! -->
<a href="javaScript:deleteMember()">회원 탈퇴</a>
<a href="logOut.do">로그아웃</a>
<form name="updateForm" method="POST"> <!-- updateForm에 id를 보내주려고 만든 폼이다. -->
<input type="hidden" name="id" value="${id}"> <!-- 회원 정보보기를 위해서는 id를 꺼내와야해서 hidden하고 가져온거다.(숨겨서 보낸거다.) -->
</form>
<form name="delForm" method="post">
<input type="hidden" name="id" value="${id}">
</form>
</body>
</html>