- form 형식
<body>
<form action="hap_ok.jsp" method="post">
수1: <input type="text" name="su1"><br/>
수2: <input type="text" name="su2"><br/>
이름: <input type="text" name="name"><br/>
<input type="submit" value="결과"/>
</form> </body>
action은 결과를 처리하는 페이지에 연결하도록, submit이 실행되는 순간 넘어간다.
submit이 실행되면서 밑의 수,이름에 적힌 name들이 변수 값이 되어
actionㅇ request를 하며
"hap_ok.jsp"에서 response를 진행하는 것이다.
스크립트 태그를 통해 form을 불러야 할 경우 name도 추가로 입력해주지만, 지금은 제외하였다.
또한 현재 type에 submit을 입력했지만 스크립트를 쓸 경우 buttom으로 입력하고 뒤에 적어준다.
- Get 방식과 Post 방식 차이
method는 get방식과 post방식으로 나뉘며 사용자에게 값을 보여주는 과정이 다르다.
get방식은 주소에도
http://localhost:8080/study/jsp1/hap_ok.jsp?su1=1&su2=2
이와 같이 사용자가 무엇을 입력했는지 다 알 수 있지만
post방식은
http://localhost:8080/study/jsp1/hap_ok.jsp
값이 숨겨지기 때문에
주로 사용자가 값을 입력하는 form 양식에서는 post방식이 많이 쓰이며
누구나 알아도 상관없을 때에는 get방식을 쓰기도 한다.
- 계산 결과 전달하기
hap_ok.jsp라는 파일을 만들어 이 곳에서 연산 코드를 입력한다.
<%
String s1 = request.getParameter("su1");
String s2 = request.getParameter("su2");
String name = request.getParameter("name");
int sum=0;
int su1 = Integer.parseInt(s1);
int su2 = Integer.parseInt(s2);
sum = su1 + su2;
%>
<% %>로 구성된 곳은 jsp영역이다.
jsp 영역에서 연산을 할 수 있다. (for문 등도 마찬가지)
getParameter로 넘어오는 데이터들은 String이며
이들을 연산해야되기 때문에
밑에서 Inter.parseInt로 String을 int로 형변환해준다.
<body>
결과: <%=su1 %>+<%=su2 %>=<%=sum %><br/>
이름: <%=name %><br/>
</body>
밑의 body영역에서 화면에 출력될 글을 입력해준다.
변수값을 가져올 때에도 <%= %>로 감싸서 가져온다.
'개발 교육 TIL > front-end' 카테고리의 다른 글
| [JSP] hidden, 액션 태그 (0) | 2022.02.19 |
|---|---|
| [JSP] Redirect & Forward, Session (0) | 2022.02.17 |
| [JSP] JavaScript (var, typeof, function, 배열) (0) | 2022.02.16 |
| [HTML] 태그 정리 - 글꼴 태그, 테이블 태그, form 태그, 목록 태그 등 (0) | 2022.02.14 |
| [JSP] 아파치 톰캣(Apache Tomcat)설치, JSP 기초 (0) | 2022.02.13 |
