[JSP] JSP에 값을 넘겨주는 여러가지 방법

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%
String name = request.getParameter("name");
int age = Integer.parseInt(request.getParameter("age"));

System.out.printf("name: %s, age: %d\n ", name, age);
%>

 

HTML 에서 넘긴 name(이름)과 age(나이)를 받아서 변수에 담은 후, 콘솔에 출력해보려고 한다.

name과 age는 3가지 방법으로 넘겨보려고 한다.

 

 

1. form 태그로 값 넘기기

1-1. 소스코드

<h1>form 태그로 값 넘기기</h1>
<form action="NewFile.jsp">
	<input name="name" placeholder="이름을 입력해주세요">
	<br>
	<input name="age" placeholder="나이를 입력해주세요">
	<br><br>
	<input type="submit" value="제출">
</form>

1-2. 결과

form 태그로 값을 넘긴 결과

 

form 태그로 값을 넘기면 쿼리스트링에 name과 age값이 입력된다.

위와 같이 순수 input 태그가 2개 있고 input 태그는 각각의 name 프로퍼티로 구분된다.

form 태그로 값을 넘길 때에는 type 프로퍼티 값이 submit인 태그가 하나 존재해야 된다.

 

 

 

2. a 태그로 값 넘기기

2-1. 소스코드

<h1>a 태그로 값 넘기기</h1>
<a href="NewFile.jsp?name=일지매&age=30">JSP에 값을 넘기려면 클릭하세요.</a>

2-2. 결과

a 태그로 값을 넘긴 결과

href 값 그대로 URL이 생성되었다.

a 태그로 값을 넘기는 방법은 잘 사용하지 않을 것 같다.

 

 

3. JS로 값 넘기기

 

3-1. 소스코드

<h1>JS로 값 넘기기</h1>
<input id="name" placeholder="이름을 입력해주세요">
<br>
<input id="age" placeholder="나이를 입력해주세요">
<br><br>
<input type="submit" value="제출" onclick="func()">

<script type="text/javascript">
function func() {
	const name = document.getElementById('name').value;
	const age = document.getElementById('age').value;
	
	if(name.trim()=="" || age.trim()=="") {
		alert("값을 입력해주세요");
		return;
	}
	
	location.href = "NewFile.jsp?name="+name+"&age="+age;
}
</script>

 

3-2. 결과

JS로 값을 넘긴 결과

 

 

JS로 값을 넘길 때에는 각각의 input 태그는 id라는 프로퍼티로 구분 되어야 하고

제출 버튼을 클릭하면 간단한 유효성 검사를 실시하고, JSP로 값을 넘겨주는 방식으로 코드를 짰다.

이 방법이 셋 중에서는 제일 유용하고 많이 쓰이게 될 거 같다.