HTML5 form에서 get방식으로 JSP서버로 데이터 전송하기
오늘은 HTML5로 작성된 웹 페이지의 <form>, <input> 등의 태그로 이루어진 양식을 이용하여 get방식으로 JSP서버로 데이터를 전송하는 방법에 대해서 알아보겠습니다.
이번 실습은 JSP서버를 사용하기 때문에 JSP파일을 실행시켜주는 Tomcat 서버 프로그램이 설치되어 있어야 합니다.
http://localhost:8080으로 접속했을 때 다음과 같이 나온다면, 톰캣이 설치되지 않았거나 구동 중이 아닐 수 있습니다.
저는 톰캣 프로그램이 설치되어 있었기 때문에 톰캣 서버 프로그램을 실행하겠습니다.
방법 1
[내 PC] -> [컴퓨터 관리] -> [서비스 및 응용 프로그램] -> [서비스] -> [Apache Tomcat...] -> 서비스 [시작]
방법 2
[제어판] -> [관리 도구] -> [서비스] -> [Apache Tomcat...]
방법 3
[시작/Windows key] -> [Apache Tomcat...] -> [start]
톰캣이 설치되었고 실행되고 있다면 http://localhost:8080/index.jsp로 접속하면 다음과 같은 웹페이지가 나타납니다.
기본적인 세팅은 여기까지 하고,
이제 HTML5를 이용하여 JSP로 데이터를 넘기기 위한 파일을 만들어 줍니다.
다음 경로에 폼 입력 양식을 만들어 줄 html 파일과 데이터를 전달받을 jsp파일을 만듭니다.
C:\Program Files\Apache Software Foundation\Tomcat 9.0\webapps\ROOT
파일 1. form.html
파일 2. get.jsp
[form.html 소스코드]
<!DOCTYPE html>
<html>
<head>
<title>method get form HTML5</title>
</head>
<body>
<h2>Method : GET, Data transfer</h2>
<form action="get.jsp" method="get">
<p>name : <input type="text" name="name"></p>
<p>major : <input type="text" name="major"></p>
<p></p>
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
</body>
</html>[get.jsp 소스코드]
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<title>GET request</title>
</head>
<body>
<!-- JSP 문법 작성 -->
<%
String strName=request.getParameter("name");
String strMajor=request.getParameter("major");
out.println("name :" + strName + "<br/>");
out.println("major :" + strMajor + "<hr/>");
%>
Look at the Web Browser URL address input part
</body>
</html>
<실행결과>
이렇게 get 방식으로 전달을 받으면 url에 입력했던 내용이 나타나게 됩니다.
서버로 보낼 수 있는 최대 글자 수는 2,048자입니다.
HTML의 form, get방식으로 JSP에서 데이터를 전달받는 과정을 알아보았습니다.
도움이 되셨다면 광고 한 번 클릭 부탁드립니다.
한 번의 클릭이 글을 쓰는 큰 힘이 됩니다! :)
'java, spring' 카테고리의 다른 글
| 스프링 프로젝트에 Lombok 적용과 의존성 주입(DI) 확인하기 (1) | 2021.05.05 |
|---|---|
| 스프링 웹 프로젝트를 Java Configuration 으로 설정하기 (0) | 2021.05.05 |
| 스프링 프레임워크 Lombok 라이브러리 설치 (0) | 2021.05.05 |
| 스프링 프레임워크 웹 프로젝트 시작하기 Spring Framework Web Project Start (7) | 2021.05.05 |
| 스프링 프레임워크 시작하기 Spring Framework Start (이거 보면 됨!) (2) | 2021.05.05 |