6.2 <form> 태그 이용해 서블릿에 요청하기

이번에는 <form> 태그를 이용해 브라우저에서 서블릿으로 사용자의 요청이나 데이터를 전송하는 방법과 서블릿이 데이터를 받아 오는 방법에 대해 알아보자.

6.2.1 <form> 태그로 서블릿에 요청하는 과정

 

JSP, ASP, PHP가 나오기 전에는 HTML, CSS, 자바스크립트를 이용해 웹 프로그램을 만들었다. 서블릿과 JSP는 이러한 HTML, CSS, 자바스크립트 같은 기존의 것을 버리는 것이 아니라 여기에 자신의 기능을 추가하여, 즉 서로 연동하여 동작한다. 특히 사용자의 요청은 HTML의 <form> 태그나 자바스크립트로부터 전송 받아서 처리한다.

클라이언트 웹 브라우저에서 서블릿에 요청하는 방법은 그림 6-3과 같다.

웹 브라우저에서 여러 가지 입력 서식을 이용해 전송을 클릭하면 사용자가 입력한 데이터가 그림 6-3처럼 서블릿으로 전송된다. 그러면 서블릿은 여러 가지 메서드를 이용해서 전송된 데이터를 받아 온다(표 6-1 참조).

6.2.2 <form> 태그의 여러 가지 속성

 

예를 들어 다음과 같이 사용자의 ID와 비밀번호를 입력하는 로그인창이 있다고 하자.

사용자 로그인 창의 HTML 태그 구조는 다음과 같다.

사용자가 자신의 ID와 비밀번호를 입력한 후 로그인을 클릭하면 <form> 태그의 action 속성은 데이터를 전송할 서블릿이나 JSP의 이름을 지정한다. 그러면 지정된 이름이 login인 서블릿으로 ID와 비밀번호가 전송된다.

 

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

실제 데이터는 각 <input> 태그의 name 속성 값과 쌍으로 전송된다.

 

그럼 서블릿에서는 name 속성 값으로 같이 전송된 입력 데이터를 받아 온다.

 

그 외 <form> 태그의 여러 가지 속성과 기능들은 표 6-3을 참고해라.