티스토리 뷰

Servlet JSP

사용자 입력으로 Get요청

Programmers 2021. 4. 22. 09:29
반응형

사용자가 무엇을 웹상에서 요청을 했을때 반응을 하는 웹을 구현해본다.

먼저 이클립스에서 webapp 디렉토리에 hello.html 이라는 파일을 추가하고 코드를 삽입해보자.
hello.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div>
		<form action="hello">
			<div>
				<label>"안녕하세요"를 몇 번 듣고 싶은대요?</label>
			</div>
			<div>
				<input type="text" name="cnt" />
				<input type="submit" value="출력" />
			</div>
		
		</form>
	</div>
</body>
</html>

<body> 안에서 코드를 구현한다.
<form action="hello"> : hello라는 서블릿 매핑 주소.
<input type="text" name="cnt" /> : 입력된 값이 있으면 name에 있는 값으로 주소뒤에 Query값을 만들어준다.
<input type="submit" value="출력" /> : submit버튼을 누르면 form태그에 있는 hello라는 주소에 요청이 간다. 

순서.
text에 2를 입력하고 submit버튼
-> form 태그의 hello라는 주소를 요청 및 매핑 (localhost:8080/hello)
-> text값을 확인하고 값이 있으면 query값으로 만들어준다 (localhost:8080/hello?cnt=2) 출력

hello.html 출력화면

 

hello.html 2입력 출력화면

자 뚜둥 ! 완벽한... 사용자와의 티키타카!

반응형
댓글
공지사항