form tag 사용하여 입력값 넘기기
데이터를 넘기는 jsp 예시1
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<form action="insertAf.jsp">
아이디
<input type="text" id="id" name="id" size="20" placeholder="id입력"><br>
패스워드
<input type="password" id="pwd" name="pwd" size="20" placeholder="pw입력"><br><br>
취미<br> <!-- id접근법 확인 -->
<input type="checkbox" id="hobby1" name="hobby" value="잠자기">잠자기
<input type="checkbox" id="hobby2" name="hobby" value="노래하기">노래하기
<input type="checkbox" id="hobby3" name="hobby" value="게임하기">게임하기<br><br>
연령대
<input type="radio" id="age" name="age" value="10대" checked="checked">10대
<input type="radio" id="age" name="age" value="20대">20대
<input type="radio" id="age" name="age" value="30대">30대
<input type="radio" id="age" name="age" value="40대">40대
<input type="radio" id="age" name="age" value="50대">50대
<input type="radio" id="age" name="age" value="60대 이상">60대 이상<br><br>
기타 하고싶은 말<br>
<textarea rows="10" cols="30" id="massage" name="massage"></textarea><br>
<input type="submit" value="전송">
<input type="reset" value="취소">
</form>
</body>
</html>설명
submit 버튼을 누르게 되면 insertAf.jsp로 이동하게 된다.
실행화면
데이터를 넘기는 jsp 예시 2
.. 위 예시와 동일 ..
<body>
<form id="frm">
.. 위 예시와 동일 ..
<textarea rows="10" cols="30" id="massage" name="massage"></textarea><br>
<button type="button" id="send">전송</button>
</form>
<script type="text/javascript">
$(document).ready(function(){
$("#send").click(function(){
if($("#id").val() == ''){
alert("id를 입력해주세요");
return;
}
$("#frm").attr("action", "insertAf.jsp"); // attribute setting
$("#frm").submit();
});
});
</script>설명
send를 클릭할 경우 form의 action 속성을 추가하고, 값으로 연결할 jsp파일명.jsp를 넣는다.
submit()를 호출하여 전송한다.
submit()
form tag의 전송 이벤트 함수이다.
실행화면
데이터를 받는 jsp예시(insertAf.jsp)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String id = request.getParameter("id");
String pwd = request.getParameter("pwd");
String hobby[] = request.getParameterValues("hobby");
String age = request.getParameter("age");
String massage = request.getParameter("massage");
out.println("id : "+ id +"<br>");
out.println("pwd : "+ pwd +"<br>");
if(hobby != null && hobby.length > 0){
for(int i = 0; i < hobby.length; i++){
out.println("hobby : "+ hobby[i] +"<br>");
}
}
out.println("age : "+ age +"<br>");
out.println("massage : "+ massage +"<br>");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>설명
내장함수 설명 글로 설명은 대체하겠다.
- 내장함수 설명 글 : https://chlee21.tistory.com/149
실행화면
'IT > JSP' 카테고리의 다른 글
| [JSP] EL Tag, Core Tag / Java와의 차이점 (0) | 2021.07.05 |
|---|---|
| [JSP] 내장객체 이동성 메서드 사용예시(forward, sendRedirect) (0) | 2021.06.15 |
| [JSP] 테이블을 사용하여 구구단 작성하기(새로고침 시 테이블의 행과 열이 증가해가는 페이지) (0) | 2021.06.15 |
| [JSP] 변수 선언 후 페이지 새로고침 될 때마다 1씩 값 증가시키기 (0) | 2021.06.15 |
| [JSP] JSP 정의, 기본 문법 정리, 내장객체 정리 (2) | 2021.06.14 |