http 프로토콜
1. 요청 - 헤더 -> 브라우저만의 아이디, 어떤페이지에서 요청이 됐는지
- 본문 -> 파라미터 넘어감
2. 응답 - 헤더 -> 코드에 404 : 그런 코드 없다는 뜻
- 본문 -> 응답보는 페이지의 html이 옴
값 post보내는 방법을 알아보자
먼저 아래코드는 calc4.jsp로 메인 화면 코드이다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>심플 계산기</title>
</head>
<body>
<!-- 화면에서 사용자로부터 정보를 입력받아, 다른 페이지로 보내줄 수 있다.
사용자로부터 정보를 입력받기 위해서는 <form>이라는 태그가 필요하다.
<form> 태그 안에는 사용자가 입력할 수 있는 "입력 폼"을 만들어야 한다.
일반적으로 많이 사용되는 것이 <input /> <textarea></textarea>가 있다. -->
<form method="post" action="/HelloJSP/calc3.jsp">
<input type="text" name="f" placeholder="첫 번째 숫자를 입력하세요."/>
<br/>
<input type="text" name="s" placeholder="두 번째 숫자를 입력하세요."/>
<br/>
<input type="submit" value="더하기!"/>
</form>
</body>
</html>
type=text로 하여 f에 첫번째숫자를 받고 s에 두번째 숫자를 받는다.
placeholder는 미리 회색으로 글자를 뜨게 한다.
이를 돌려보면 다음과 같은 창이 뜬다.
form method ="post" 를 이용하여 calc3 화면으로 파라미터를 넘겨준다.
파라미터를 입력한 뒤 더하기 버튼을 누르면
f=60
s=40 값이 calc3.jsp로 넘어가는데
아래코드는 calc3.jsp코드이다.
참고: calc3.jsp
String f에 f파라미터를 받아오고
String s에 s파라미터를 받아와
int firstNumber에 f를 int형태로 넣어준다.
int additionResult에 더한값을 넣어준다.
<%= %> 형식을 이용하면 값을 바로 출력해줄수 있다.
calc3로 파라미터가 넘어가 결과값을 띄운다.
'Front-end > JSP' 카테고리의 다른 글
[JSP] JSP와 table, 컬렉션프레임워크 결합시키기 (0) | 2016.02.03 |
---|---|
[JSP] web calculator 만들기 (0) | 2016.02.02 |
table 만들기 (0) | 2016.02.02 |
parameter 받기 (0) | 2016.02.01 |
JSP STS 시작 (0) | 2016.02.01 |