JSP를 이용한 데이터 송수신(체크박스)

Chae Yun·2021년 10월 20일
0

JSP(Java Server Page)

목록 보기
6/12
<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CheckBox.jsp</title>
</head>
<body>

<div>
	<h1>JSP 데이터 송수신 실습</h1>
	<hr>
	<p>CheckBox.jsp ● → CheckBox_ok.jsp </p>
</div>

<div>
	<form action="CheckBox_ok.jsp" method="post">
		이름 <input type="text" name="name"><br>
		
		메모 <br>
		<textarea rows="5" cols="30" name="memo"></textarea>
		<br><br>
		
		이상형 <br>
		<label><input type="checkbox" name="checkGroup" value="아이유" >아이유</label>
		<label><input type="checkbox" name="checkGroup" value="에일리">에일리</label>
		<label><input type="checkbox" name="checkGroup" value="수지">수지</label>
		<br>
		<label><input type="checkbox" name="checkGroup" value="강동원">강동원</label>
		<label><input type="checkbox" name="checkGroup" value="차은우">차은우</label>
		<label><input type="checkbox" name="checkGroup" value="공유">공유</label>
		<br>
		
		<input type="submit" value="전송" class="btn"
		style="width: 200px;">
		
	</form>
</div>

</body>
</html>
<%@ page contentType="text/html; charset=UTF-8"%>
<%
	// 스크립트 릿 영역
	request.setCharacterEncoding("UTF-8");
	// 이름 데이터 수신
	String name = request.getParameter("name");
	
	// 메모 데이터 수신
	String memo = request.getParameter("memo");
	memo = memo.replaceAll("\n", "<br>");
	//-- JDK 1.5 이후에서 『replaceAll()』 사용 가능.
	//   『replaceAll()』을 통해 처리한 결과물을 다시 memo 변수에 대입.
	
	// 이상형 데이터 수신
	//String checkGroup = request.getParameterValues("checkGroup"); // (Ⅹ)
	
	// ※ 같은 name 속성의 값을 가진 데이터 여러 개를 받는(수신하는) 경우
	//    이를 배열로 처리해야 한다.
	
	String[] checkGroup = request.getParameterValues("checkGroup");
	
	// 배열 데이터를 수신하여 처리할 경우...
	// 수신된 데이터가 전혀 없는 경우는
	// 배열의 값이 null 이 되어버리기 때문에
	// null 에 대한 검사가 반드시 필요하다.	 check~!!!
	
	String str = "";
	
	if (checkGroup != null)
	{
		for (String item : checkGroup)
		{
			str += " [" + item + "]";
		}
	}
	
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CheckBox_ok.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

<div>
	<h1>JSP 데이터 송수신 실습</h1>
	<hr>
	<p>CheckBox.jsp → CheckBox_ok.jsp ●</p>
</div>

<div>
	<h2>수신 데이터</h2>
	<!-- <h3>이름 : 유진석</h3> -->
	<h3>이름 : <%=name %></h3>
	<h3>메모</h3>
	<!-- <p>나는 점점 타이핑이 빨라지고 있다</p> -->
	<p><%=memo %></p>
	<!-- <h3>이상형 : 아이유</h3> -->
	<h3>이상형 : <%=str %></h3>
</div>

</body>
</html>

0개의 댓글