JSP 데이터 요청 (get, post) 방식

[ 목차 ]

728x90

✔ 데이터 요청 - get 방식

데이터 요청

        get 방식
        - 간단한 요청을 보낼 때 사용
        - 내용의 크기가 제한적
        - 데이터가 노출(URL)
        - URL뒤에 전송할 데이터를 붙여서 보냄
        - 단순히 서버에게 자원을 요청할 때 사용
        - 전송과 응답의 속도가 빠름

✔ get 예제 코드 1

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>


<%-- ❗        <%@ page ~~~ %> : 페이지 무조건 최상단, 정보를 설정하는 페이지
        language : 사용할 프로그래밍 언어, java를 사용
        contentType : 생성할 문서의 컨텐츠 유형, HTML 사용
        pageEncoding : 문자 인코딩을 설정 -> UTF-8을 사용한다.❗  --%>


<%
//         사용자가 서버쪽으로 전달할 경우 인코딩을 설정하겠다. 
        request.setCharacterEncoding("UTF-8");
        String userid = request.getParameter("userid");
        String userpw = request.getParameter("userpw");
//         입력한 값을 변수에 저장하여 폼태그에 전달
        %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>전송방식(get)</title>
<!-- URL에 저장되는 방식 -->
</head>
<body>
<h2>전송방식</h2>

<p>아이디 : <%=userid %></p>
<p>비밀번호 : <%=userpw %></p>
</body>
</html>

✔ get 예제 코드 2

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>전송방식(get)</title>
</head>
<body>
<h2>전송방식(get)</h2>

<!--   사람눈에 보이고 보안은 취약하지만 속도는 post에 비해 빠르다는 장점을 가지고 있다 -->

<form method="get" action =" 2_get_or.jsp">
<p>아이디 : <input type = "text" name = "userid"></p>

<!-- userid, userpw 등 내가 입력한 내용 즉 벨류값을 알 수 있다 -->

<p>비밀번호 : <input type = "password" name = "userpw"></p>
<p><input type = "submit" value="로그인"></p>
</form>
<p><a href ="2_get_or.jsp?userid=banana&userpw=2222">바나나 전송</a></p>
</body>
</html>

🔏 get 방식 - URL내 전송 내용이 사람눈에 보이고 보안은 취약하지만 속도는 post에 비해 빠르다는 장점을 가지고 있다

✔ 데이터 요청 - post 방식

post 방식
- 복잡한 요청을 보낼 때 사용
- 전송할 데이터를 body에 넣어서 요청
- 데이터를 body에 넣어서 요청하기 때문에 노출되지 않음
- 내용의 크기 제한이 없음
- get방식에 비해 속도가 느림

✔ post예제 코드 1

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>전송방식</title>
</head>
<body>
<h2>전송방식(post)</h2>

<!--   포스트 방식은 내가 보낸 내용을 url에 보내지 않는다. 사람눈에 보이지 않다
        get 방식보다 전송속도는 느리다.  -->

<form method="post" action =" 3_post_or.jsp">
<p>아이디 : <input type = "text" name = "userid"></p>
<p>비밀번호 : <input type = "password" name = "userpw"></p>
<p><input type = "submit" value="로그인"></p>
</form>
<p><a href ="3_post_or.jsp?userid=banana&userpw=2222">바나나 전송</a></p>
</body>
</html>

✔ post예제 코드 1

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
<%
//         사용자가 서버쪽으로 전달할 경우 인코딩을 설정하겠다. 
        request.setCharacterEncoding("UTF-8");
        String userid = request.getParameter("userid");
        String userpw = request.getParameter("userpw");
//         입력한 값을 변수에 저장하여 폼태그에 전달
        %>
<!DOCTYPE html>
<html>"WebContent/4_member_ok.jsp"
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>전송방식</h2>
<p>아이디 : <%=userid %></p>
<p>비밀번호 : <%=userpw %></p>
</body>
</html>

🔏 post 방식 - 포스트 방식은 내가 보낸 내용을 url에 보내지 않는다. 사람눈에 보이지 않다 get 방식보다 전송속도는 느림

✔ 데이터 요청 방식 - 과제

과제.
자바스크립트 시간에 만든 회원가입.html을 4_member.jsp로 변경하고 입력한 데이터를
4_member_ok.jsp에서 출력하는 서버 페이지를 작성해보자
단, 취미는 request.getParameterValues()를 통해서 전송받음
----------------------------
배열로 저장됨 -> 출력 시 반복문을 사용하면 된다.

✔ 과제 - 입력부분

<%@ 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>
<style >
body{background-color : deeppink}
        h2, p{
        text-align:center;
        margin:20px;
        }
</style>
</head>
<body>
<h2>전송방식 과제(post)</h2>
<!--   포스트 방식은 내가 보낸 내용을 url에 보내지 않는다. 사람눈에 보이지 않다 -->
<form method="post" action =" 4_member_ok.jsp">
<p>아이디 : <input type="text" name = "userid" ></p>
<p>비밀번호 : <input type="password" name = "userpw" > </p>
<p>비밀번호 확인 : <input type="password" name = "userpw_re" > </p>
<p>이름 : <input type="text" name="name" ></p>
<p>휴대폰 번호 : <input type="text" name="hp" ></p>
<p>이메일 : <input type="text" name="email""></p>
<p>성별 :<label> 남자 <input type="radio" name="gender" value="남자" checked></label> <label> 여자 <input type="radio" name="gender" value="여자"></label></p>
<p>취미 :  <label>등산<input type="checkbox" name="hobby" value="등산"></label>
<label>게임<input type="checkbox" name="hobby" value="게임"></label>
<label>영화감상<input type="checkbox" name="hobby" value="영화감상"></label>
<label>드라이브<input type="checkbox" name="hobby" value="드라이브"></label>
<label>운동<input type="checkbox" name="hobby" value="운동"></label></p>

<p>우편번호: <input type="text" name="zipcode" maxlength="5" id="sample6_postcode" ><button type="button" onclick="sample6_execDaumPostcode()">검색</button></p>
<p>주소 <input type="text" name="sample6_address"></p>
<p>상세주소 <input type="text" name="sample6_detailAddress"></p>
<p>참고사항 <input type="text" name="sample6_extraAddress"></p>
<p><input type = "submit" value="가입완료"></p>
</form>
</body>
</html>

✔ 과제 - 받는부분

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
<%
//         사용자가 서버쪽으로 전달할 경우 인코딩을 설정하겠다. 
        request.setCharacterEncoding("UTF-8");
        String userid = request.getParameter("userid");
        String userpw = request.getParameter("userpw");
        String userpw_re = request.getParameter("userpw_re");
        String name = request.getParameter("name");
        String hp = request.getParameter("hp");
        String email = request.getParameter("email");
        String gender = request.getParameter("gender");
       
       /* getParameterValues() 사용하여 배열로 이용하여 여러 값을 저장가능!!
          이 후 for문을 활용하여 선택한 배열들을 출력하는 방법을 사용하였다.*/

        String hobby[] = request.getParameterValues("hobby");
        String zipcode = request.getParameter("zipcode");
        String sample6_address = request.getParameter("sample6_address");
        String sample6_detailAddress = request.getParameter("sample6_detailAddress");
        String sample6_extraAddress = request.getParameter("sample6_extraAddress");
//         입력한 값을 변수에 저장하여 폼태그에 전달
        %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style >
   h2, p{
            text-align:center;
            margin:20px;
            }
            body{background-color : deepskyblue}
</style>
</head>
<body>
<h2>전송방식</h2>
<p>아이디 : <%=userid %></p>
<p>비밀번호 : <%=userpw %></p>
<p>비밀번호 확인 : <%=userpw_re %></p>
<p>이름 : <%=name %></p>
<p>휴대폰 번호 : <%=hp %></p>
<p>이메일 : <%=email %></p>
<p>성별 : <%=gender %></p>
<p>취미 :   <% for(String s: hobby) out.print(s + " !  "); %></p>
<p>우편번호 : <%=zipcode %></p>
<p>주소 : <%=sample6_address %></p>
<p>상세주소 : <%=sample6_detailAddress %></p>
<p>참고사항 : <%=sample6_extraAddress %></p>

</body>
</html>

🔏 getParameterValues() 사용하여 배열로 이용하여 여러 값을 저장가능!! 이 후 for문을 활용하여 선택한 배열들을 출력하는 방법을 사용하였다.

저작자표시 비영리 변경금지

'JSP' 카테고리의 다른 글

JSP (예외, pagecontext, ajax, XMLHttpRequest) (0)	2022.11.21
JSP (서블릿, 세션, 장바구니) (0)	2022.11.21
JSP (쿠키, 세션 로그인 및 기본개념) (0)	2022.11.18
JSP (장단점, 기본 문법) (0)	2022.11.17
JSP 사용 전 사전 지식(Tomacat, Eclipse 초기 설정 등) (0)	2022.11.17

저장소

JSP 데이터 요청 (get, post) 방식

'JSP' 카테고리의 다른 글

티스토리툴바

JSP 데이터 요청 (get, post) 방식

'JSP' 카테고리의 다른 글

관련글

티스토리툴바