본문 바로가기
WEB Archive

[HTML] JSP 를 이용한 데이터 송수신 실습

by universedevelope 2024. 8. 21.

데이터 송신 페이지 : CheckBox.jsp 에서 CheckBoxOk.jsp 로 송신해보는 실습

jsp 파일을 생성할 떄

<%@ page contentType="text/html; charset=UTF-8"%> 문구가 상단에 쓰여지는 것을 볼 수 있다.

아직은 감이 명확하게 오지 않지만 따라가본다.

<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CheckBox.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

<div>
	<h1>JSP를 이용한 데이터 송수신 실습04</h1>
	<hr>
	<p>CheckBox.jsp ● → CheckBoxOk.jsp ○</p>
</div>

<div>
	<form action="CheckBoxOk.jsp" method="post">
		이름 <input type="text" name="name" class="txt">
		<br><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>
		<label><input type="checkbox" name="checkGroup" value="강동원">강동원</label>
		
		<label><input type="checkbox" name="checkGroup" value="이효리">이효리</label>
		<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><br>
		
		<input type="submit" value="전송하기" class="btn control" style="width: 200px">
	</form>
</div>

</body>
</html>

 

수신 jsp코드

CheckBoxOk.jsp

<%@ page contentType="text/html; charset=UTF-8"%>
<%
	// 스크립트 릿
	request.setCharacterEncoding("UTF-8");

	String nameStr = request.getParameter("name");
	String memoStr = request.getParameter("memo");
	String [] memo = memoStr.split("\n");
	String [] loving = request.getParameterValues("checkGroup");
	/*
	textarea 상의 개행 처리
	JDK 1.5 이후부터 replaceAll() 메소드 사용 가능
	안녕하세요\n반갑습니다.\n홍길동입니다. → 안녕하세요<br>반갑습니다<br>홍길동입니다.
	memo.replaceAll("\n", "<br>")
	*/
	String memos = "";
	// ※ 배열 데이터를 수신하여 처리할 경우..
	//    수신된 데이터가 전혀 없는 경우는
	//    배열의 값 자체가 null 이 되어버리기 때문에
	//    null 에 대한 확인(검사) 과정이 필요하다.
	if(memo != null)
	{
		for(String k : memo)
		{
			memos += k + "<br>";
		}
	}
	
	
	String str = "";
	
	if(loving != null)
	{	
		for(String k : loving)
		{
			str += " [" + k + "]";
		}
	}
	
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CheckBoxOk.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

<div>
	<h1>JSP를 이용한 데이터 송수신 실습 04</h1>
	<hr>
	<p>CheckBox.jsp ○ → CheckBoxOk.jsp ●</p>
</div>

<div>
	<h2>수신 데이터 확인</h2>
	<!-- <h3>이름 : 신시은</h3> -->
	<h3>이름 : <%=nameStr %></h3>
	
	<h3>메모</h3>
	<!-- <p>나는<br>오타없이<br> 점점 타이핑이 빨라지고 있다.</p> -->
	<p><%=memos %></p>
	
	<!-- <h3>이상형 : [임시완] [남주혁] [강동원]</h3> -->
	<h3>이상형 : <%=str %></h3>
	
	
	
</div>

</body>
</html>
728x90

댓글