JSP의 기본적인 문법 공부를 끝내고 데이터 송수신 실습을 진행하였다.
처음엔 이게 뭔 소리지.. 했는데 하다보니 이해가 가는 것 같기도 ~~~~
먼저 사용자(클라이언트 측)에게 입력 받은 데이터를
서버 측에 데이터 전송 및 페이지 요청을 하기 위해서는 form 태그가 필요하다.
Send01.html 코드 일부 ↓
<div>
<form action="Receive01.jsp" method="post">
이름 <input type="text" class="txt" name="name"><br>
전화번호 <input type="text" class="txt" name="tel">
<br><br>
<input type="submit" class="btn" id="submitBtn">
</form>
</div>따라서 html 영역 안에 form 태그를 넣고 form 태그 영역 안에서 이름과 전화번호를 입력 받도록 한다.
그리고 submit 버튼을 통해 서버 측으로 name이 name이고 tel인 속성을 갖는 데이터를 전달한다.
form 태그의 action 속성은 데이터를 전송하는 동시에 요청하는 jsp 페이지의 주소를 지정한다.
<%@ page contentType="text/html; charset=UTF-8"%>
<%
// Send01.html 로부터 데이터 수신 → 스크립트 릿 영역
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name");
String tel = request.getParameter("tel");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Receive01.jsp</title>
</head>
<body>
<div>
<h1>데이터 송수신 실습01</h1>
<hr>
</div>
<div>
<h2>가입 확인</h2>
<%=name %>님, 회원 가입이 완료되었습니다.<br>
회원님께서 등록하신 전화번호는 <%=tel %> 입니다.
</div>
</body>
</html>위의 파일은 Send01.html 로부터 데이터를 수신한다.
먼저 한글 수신을 위한 인코딩 방식을 지정해주고 있다.
→ request.setCharacterEncoding("UTF-8");
이후 request.getParameter( ) 를 통해 name 속성이 각 name 인 데이터와 tel 인 데이터를 얻어오고 있다.
그리고 그 값을 아래 html 영역에서 <%= %> 를 통해 페이지에 나타내고 있다.
<%= > → html 영역에서 자바 코드 출력부에 사용한다.
'공부 > Web' 카테고리의 다른 글
| JAVASCRIPT :: onchange (0) | 2022.04.17 |
|---|---|
| JAVASCRIPT :: onsubmit (0) | 2022.04.17 |
| JAVASCRIPT :: prompt( ), confirm( ) (0) | 2022.04.10 |
| JAVASCRIPT :: 변수, 지역변수와 전역 변수 (0) | 2022.04.10 |
| HTML :: TABLE 만들기, 열/행 병합 (colspan, rowspan) (0) | 2022.04.10 |
