link : 이동시키는 것
앵커 태그 : href
폼 태그 : action
자바스크립트 : location.href
a href 예제
<a href="NewFile.jsp?name=홍길동&age=24">NewFile.jsp로 이동</a>
설명
name=홍길동&age=24 파라미터 값으로 '홍길동'과 '24'를 NewFile.jsp로 넘겨준다.
NewFile.jsp 예제
<% // 스크립트 립 : 자바의 영역, DB와 연동가능
String name = request.getParameter("name");
int age = Integer.parseInt(request.getParameter("age"));
out.println("이름 : " + name + "<br>");
out.println("나이 : " + age + "<br>");
%>
설명
request.getParameter : 파라미터명으로 접근하여 데이터를 넘겨받는다.
파라미터명이 name이라면 '홍길동'을 넘겨받게 된다.
링크 클릭 후 실행화면
form action 예제
<form action="NewFile.jsp">
이름 : <input type="text" name="name">
<br>
나이 : <input type="text" name="age">
<br>
<input type="submit" value="이동">
</form>
설명
form태그는 a태그와 달리 값을 입력받을 수 있다. form 영역에 input 태그를 묶는다.
NewFile.jsp에 name명으로 접근하여 값을 넘겨준다.
나이 :
location.href 예제
이름 : <input type="text" id="name">
<br>
나이 : <input type="text" id="age">
<br>
<button type="button" onclick="move()">이동</button>
<script type="text/javascript">
function move() {
let name = document.getElementById("name").value;
let age = document.getElementById("age").value;
// 스페이스바 주의 null값 우려
location.href ="NewFile.jsp?name="+ name +"&age="+ age;
}
</script>
설명
button 클릭 시 move() 함수로 이동하여 text의 입력값을 각 변수에 넣어준다.
a href와 비슷한 방식으로 location.href에 값을 주어 NewFile.jsp에 접근한다.