ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 사용자 입력을 통한 GET 요청하기
    Servlet-JSP 2022. 1. 8. 14:35

    저번 시간에는 주소창에 직접 입력해서 GET 요청을 했다면 오늘은 사용자 입력을 통해서 GET 요청하는 것을 알아보자

     

    우선 입력폼을 만들어주어야 한다.

    이런식으로 입력폼을 만들어준다.

    만약 저 요청 폼에 3 이라고 입력하면 hello?cnt=3 이라는것을 GET 요청으로 보내는 것이다.

     

    입력폼 태그의 NAME 속성에다가 cnt로 지정 해 주면 입력 값을 받아 올 수 있게 된다. 

     

     

    <body>
    	<div>
    		<form action="hello"> <!-- form : 사용자 입력을 처리하기 위한 태그 매핍주소를 작성 해 준다.  -->
    			<div>
    				<label>"안녕하세요"를 몇 번 듣고 싶으세요?</label>
    			</div>
    			<div>
    				<input type="text" name="cnt" /> <!-- input : 입력 태그. type이 여러가지 있다. 이때 중요한 것이 name 속성 -->
    				<button type="submit">출력</button>
    			</div>
    		</form>
    	</div>
    </body>
    </html>

    출력 버튼을 누르면 이 요청이 매핑 주소로 입력한 곳으로 가게 된다. 그럼 브라우저는 form 태그에 작성 된 이름을 보고 url을 작성 하게 된다 (http://..../hello)

    그런 다음 input 태그에 입력 된 값이 있다면 name에 해당하는 key 값을 가지고 쿼리스트링을 만들어주고 사용자가 입력한 값이 name 속성 뒤에 오게 되는 것이다.(http://..../hello?cnt=3) 

     

    이렇게 9번 출력 되는 것을 확인 할 수 있다.

Designed by Tistory.