파일 include 방법
<%@ include file="/프로젝트경로" %>root 경로 저장하기
<c:set var="root" value="${pageContext.request.contextPath}"/>
a 태그 예시
var= "act" value="logout" 와 같은 효과
<a href="${root}/main.do?act=logout">로그아웃</a>ssafy_id 라는 쿠키를 불러오고 값이 null 이 아닐경우 ne 는 != 와 같고 eq 는 == 과 같다.
널이 아닌경우에는 saveid 쿠키에 저장된 id를 지정하고
idck 를 checked="checked" 로 지정해 항상 check되도록 유지해준다.
<c:if test="${cookie.ssafy_id.value ne null}">
<c:set var="saveid" value="${cookie.ssafy_id.value}"/>
<c:set var="idck" value=" checked=\"checked\""/>
</c:if>
html 내에서 함수를 지정할때 <script type="text/javascript"> 태그로 감싼다.
document.getElementById(" ") 를 하면 현재 페이지내의 userid 라는 id값을 가져오고 .value로 값을 반환한다.
loginform이란 아이디를 들고와서 action 값에 서블릿이 있는 위치로 하고 .subimit() 함수를 이용해서 이동한다.
document.location.href = "${root}/main.do?act=mvjoin" 을이용해서 값을 안넘기고 act만 바꿔서 손쉽게 넘길수도 있다.
<script type="text/javascript">
function login() {
if(document.getElementById("userid").value == "") {
alert("아이디 입력!!!");
return;
} else if(document.getElementById("userpwd").value == "") {
alert("비밀번호 입력!!!");
return;
} else {
document.getElementById("loginform").action = "${root}/main.do";
document.getElementById("loginform").submit();
}
}
function moveJoin() {
document.location.href = "${root}/main.do?act=mvjoin";
}
</script>form 태그를 이용해서 form 안의 많은 정보들을 한번에 action에 다가 보낼수 있다.
<form id="loginform" method="post" action="">
</form>hidden을 이용해서 어떠한 정보를 보이지 않게 숨겨서 보낼 수 있다.
<input type="hidden" name="act" id="act" value="login">버튼 태그를 누루면 onclick 을 이용해서 script 의 함수들을 호출한다. sumbit을 사용하면 actoin으로 이동하지만
button 태그는 함수 실행을 한다.
<button type="button" class="btn btn-warning" onclick="javascript:login();">로그인</button>
lonload와 같은 기능을 한다고 한다. 모든 jsp , html 화면이 만들어지고나서 실행되는 메소드이다.
$(document).ready(function(){
});
아래의 코드에서 버튼을 아무리 눌러도 실행되지 안는다 .
이유는 jsp나 html은 위에서부터 시작된다 위에서 #clickButton를 지정해줄때 clickButton이 없는 상태로 기술된것이다.
따라서 아래의코드를 위에코드에다가 넣으면 html,jsp가 다실행된다음 함수를 정의해주기 때문에 가능해진다.
<script type="text/javascript">
$("#clickButton").click(funcion(){
alert("HelloWorld!!");
});
</script>
<body>
<input type="button" id="clickButton" value="클릭하기"/>
</body>이런식으로
$(document).ready(function() {
$("#registerBtn").click(function() {
if($("#username").val() == "") {
alert("이름 입력!!!");
return;
} else if($("#userid").val() == "") {
alert("아이디 입력!!!");
return;
} else if($("#userpwd").val() == "") {
alert("비밀번호 입력!!!");
return;
} else if($("#userpwd").val() != $("#pwdcheck").val()) {
alert("비밀번호 확인!!!");
return;
} else {
$("#memberform").attr("action", "${root}/").submit();
}
});
$('#zipcode').focusin(function() {
$('#zipModal').modal();
});
});