12주차 - jsp (9) getParameter()로 type="text", type"password"인 <input>의 값 출력하기

2022. 9. 21. 20:40jsp/jsp

이번의 목표

01. request.getParameter() 를 사용하여 받은 데이터를 출력해보자.


지난 시간엔 request 의 기능에 대해 몇가지 알아보았습니다.

이번엔 request의 기능중 제일 많이 사용되는 getParameter() 를 알아보겠습니다.

이 기능을 사용하여 이전 페이지에서 전달받은 데이터를 가져올 수 있습니다.

작성 코드의 예시는 아래와 같습니다.

String tmp = request.getParameter("name");

위에서 맴버변수는 이전 페이지에서 받고자 하는 객체의 name 을 입력하면 됩니다.

이때 name을 잘못 입력했을때 에러코드가 발생하는 것이 아니라 null을 반환합니다.

name에 해당하는 객체가 아무런 값이 없을 때에는 공백( "" )을 반환 합니다

01. 데이터 전송 페이지 코드
02. 데이터 출력 페이지 코드
03. 실행 화면

01. 데이터 전송 페이지 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex02_form</title>
</head>
<body>
	<form action="ex02_result.jsp" method="post">
		<input type="text" name="id"><br>
		<input type="password" name="pass"><br>
		<input type="submit" value="로그인">
		<input type="reset" value="취소"><br>
	</form>
</body>
</html>

02. 데이터 출력 페이지 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex02_result</title>
</head>
<body>
	<h3>name 값이 올바르게 입력 되었을때</h3>
	<%
		String id = request.getParameter("id");
		String pw = request.getParameter("pass"); 
		// 이때에 name 값이 잘못되었다면 에러 출력이 아닌 null을 반환한다.
		// 공백을 입력했을 때에는 null 반환이 아니라 "" (공백)읇 반환한다.
		String pw2 = request.getParameter("pw"); 
		
		out.print("아이디 : " + id + "<br>");
		out.print("비밀번호 : " + pw + "<br>");
	%>
	<br>
	<h3>name 값이 잘못 되었을 때</h3>
	아이디 <%=id %><br>
	비밀번호 <%= pw2 %><br>
</body>
</html>

03. 실행 화면

① name 값이 잘못 입력되었을 때에는 null 값이 나오는 것을 확인할 수 있습니다.