cheshirehyun.log

cheshirehyun.log

GET과 POST

서현서현·2022년 4월 5일

0

Html/CSS/JavaScript

목록 보기

11/15

💡 form의 작동방식
1) form에 데이터를 채워 서버로 보낸다
2) 서버는 form을 받아 JSP와같은 서버스크립트로 보낸다
3) JSP는 입력 데이터를 처리해 새로운 웹페이지를 생성한다
4) 입력에 대한 새로운 웹페이지가 응답된다

form을 이용하여 서버로 데이터를 전달한다.
HTML 문서는 서버에서 사용자에게 일방적으로 보여주는 방식과 사용자가 서버에 데이터를 보내는 두가지 방식으로 분류 할 수 있다.

<form action="input.jsp" method="post"> </form>
<form action="input.jsp" method="get"> </form>

이렇게 두가지 방식을 사용 할 수 있다. 바로 GET과 POST이다!

GET 방식

URL주소 뒤에 파라미터를 붙여서 데이터를 전달한다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="test.jsp" method="get">
	
		ID : <input name="id"> <br/>
		PW : <input type = "password" name = "pw">
		
		<input type = "submit">
	
	</form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<%
	String v_id = request.getParameter("id");
	String v_pw = request.getParameter("pw");
%>

아이디는 <%=v_id %> <br/>
비밀번호는 <%=v_pw %>

</body>
</html>

POST 방식

사용자가 입력한 데이터를 HTTP Request 헤더에 포함시켜서 전송하는 방식
길이 제한이 없고, 보안이 유지된다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="test.jsp" method="post">
	
		ID : <input name="id"> <br/>
		PW : <input type = "password" name = "pw">
		<input type = "submit">
	</form>
</body>
</html>

이전 포스트

[JavaScript] 동적으로 생성된 요소에 이벤트걸기

다음 포스트

버튼

0개의 댓글

관련 채용 정보