1. 보내는 쪽 jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>폼 생성</title>
<style type="text/css">
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {font-family:'Nanum Gothic', '맑은 고딕', Helvetica, Arial, sans-serif;
font-size:14px;line-height:20px;color: #676767;}
table,tr,td{border:1px solid #ccc;margin:0;border-collapse:collapse;padding:5px;}
.btn{text-align:right;padding:10px;}
.btn input{border:1px solid #ccc;border-style:solid;width:50px;height:26px;
text-align:center;vertical-align:middle;background:#fff;}
</style>
</head>
<body>
<form action="formAction.jsp">
<table>
<tr>
<td>이름</td>
<td><input type="text" size="10" name="name" /></td>
</tr>
<tr>
<td>주소</td>
<td><input type="text" size="30" name="addr" /></td>
</tr>
<tr>
<td>좋아하는 동물</td>
<td>
<input type="checkbox" name="pet" value="클리오네" />클리오네
<input type="checkbox" name="pet" value="우파루파" />우파루파
<input type="checkbox" name="pet" value="쏠배감펭" />쏠배감펭
</td>
</tr>
<tr>
<td colspan="2" class="btn">
<input type="submit" value="가입" />
<input type="reset" value="취소" />
</td>
</tr>
</table>
</form>
</body>
</html>
2. 받는 쪽 jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%request.setCharacterEncoding("UTF-8");%>
// 한글이 깨지지 않게 UTF-8 형식으로 가져온다는 표시. get이 아니라 post 방식일 때만 적용됨.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>데이터 전송</title>
</head>
<body>
<ul>
<li>name 파라미터(이름): <%=request.getParameter("name") %></li>
<li>addr 파라미터(주소): <%=request.getParameter("addr") %></li>
<li>
pet 파라미터(좋아하는 동물):
<%
String[] values = request.getParameterValues("pet");
if(values != null) {
for(int i=0; i < values.length; i++) {
%>
<%= values[i] %> // 표현식을 넣어주기 위해 일단 위에서 스크립트릿 태그를 닫아준 뒤
<% // 조건문의 나머지 부분을 스크립트릿 태그로 감싸준다.
}
}
%>
</li>
</ul>
</body>
</html>
일단 조건문을 완성해준 뒤 스크립트 문법으로 요소들을 각각 감싸주는 방식.
그 중 결과값은 표현식으로 감싸줘야 하므로 결과값의 상단과 하단을 각각의 스크립트릿으로 감싸주게 된다.
결과)
- name 파라미터(이름): 홍길동
- addr 파라미터(주소): 서울 강남
- pet 파라미터(좋아하는 동물): 클리오네 쏠배감펭
'JSP' 카테고리의 다른 글
| JSP 필수 이해 요소 : JSP 구조, 버퍼, 디렉터리 구성 (1) | 2016.03.04 |
|---|---|
| 서블릿 기초: @WebServlet 애노테이션과 web.xml (0) | 2016.03.03 |
| JSP 페이지의 구성 요소: 기본 객체(implicit object) (0) | 2016.03.03 |
| 이클립스에서 jsp 실행시 크롬으로 결과 확인 (0) | 2016.03.02 |
| JSP 페이지의 구성 요소: 디렉티브, 스크립트 (0) | 2016.03.02 |
