<form> 태그를 이용해 서블릿에 요청하는 과정

서블릿과 JSP는 HTML, CSS, 자바스크립트 같은 기존의 웹 프로그램에 자신의 기능을 추가하여 연동하며 동작함

사용자의 요청은 HTML의 <form> 태그나 자바스크립트로부터 전송 받아서 처리함

서블릿/JSP 프로그래밍을 하기 위해서는 기본적으로 HTML이나 자바스크립트에 대해 알아두는 것이 좋다.
특히 클라이언트에서 서버로 데이터를 전송하는 기능을 담당하는 <form> 태그나 <input> 태그의 기능은 자주 사용되므로 반드시 익혀둬야 한다.

 

클라이언트가 서블릿에 요청하는 방법

웹 브라우저에서 여러 가지 입력 서식을 이용해 전송을 클릭하면 사용자가 입력한 데이터가 그림처럼 서블릿으로 전송된다.

이후 서블릿은 여러 가지 메서드를 이용해서 전송된 데이터를 받아온다.

 

다음과 같이 사용자의 ID와 비밀번호를 입력하는 로그인창이 있다고 가정할때 코드는 다음과 같다.

 

 

로그인 창에서 로그인을 클릭했을 때 실제로 데이터가 전송되는 과정

 

<form> 태그의 속성과 기능들

속성	기능
name	- <form> 태그의 이름을 지정함 - 여러 개의 form이 존재할 경우 구분하는 역할 - 자바스크립트에서 <form> 태그에 접근할 때 자주 사용
method	- <form> 태그 안에서 데이터를 전송할 때 전송 방법을 지정 - GET 또는 POST로 지정(디폴트 값은 GET)
action	- <form> 태그에서 데이터를 전송할 서블릿이나 JSP를 지정 - 서블릿으로 전송할 때는 매핑 이름을 사용
encType	- <form> 태그에서 전송할 데이터의 encoding 타입을 지정 - 파일을 업로드할 때는 multipart/form-data로 지정