패키지

데이터 송수신 테스트 본문

Client-Side/HTML,CSS,Javascript

데이터 송수신 테스트

업단업업 2015. 5. 11. 14:49

데이터 송수신 테스트

클라이언트가 작성한 데이터를 서버로 전송하고, JSP 프로그램을 통해서 수신하는 과정.
POST, GET 방식 전송 방법중 하나를 선택.

//송신

 <form action="JSP페이지주소" method="post">
	<!--회원가입 항목 준비-->
	<input type="text" name="식별자">
	<input type="submit" value="회원가입">
</form>
//*********
<input type="submit"> 
클라이언트가 입력한 데이터를 서버로 전송하는 액션 전용 버튼. 대체 수단으로 Javascript에서 submit() 메소드를 이용할 수 있다.


//수신
name="식별자 속성은 서버에서 데이터 수신시 식별자로 사용한다. 
예를 들어,
String 변수 = request.getParameter("식별자");

//클라이언트가 보낸 명령어 수신. 내장 메소드 [request]


**요청페이지와 수신 페이지가 나뉜다.

실행은 반드시 요청페이지로 실행한다.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

<div>

<!-- 데이터 송신 페이지 -->

<!-- form 태그에 의한 POST 방식 전송

또는 

a 태그에 의한 GET 방식 전송 선택 -->

<!-- 보내는 쪽 액션 -->

<!--

1.사용자가 원하는 데이터를 폼에 입력

2. 서브밋 버튼을 클릭

3. form 태그에 지정한 요청주소를 서버에 요청한다.

4. 요청시 폼에 입력한 데이터도 같이 전송된다.

5. 서버에서는 Hi.jsp가 자동 호출되면서 나머지 액션 진행.

Hi.jsp에는 뭐가 있어야 하는가 :

내가 전송한 데이터가 수신되고

수신된 결과를 어떤 검증절차를 거쳐서

결과 메세지를 나타내는 것.

-->

<!-- 요청 주소(action 속성) 필수. 전송 방식(method 속성) 선택. -->

<form action="Hi.jsp" method="post">

<!-- 요청주소를 기입한다. -->

<form>

<!-- 사용자가 데이터를 입력(선택)할 수 있도록 폼 구성.

프로그램 진행을 위해서 식별자(name 속성) 필수

여기서는 name이 식별자이다. 

name 이 맞지 않으면 요청결과가 올바르게 나타나지 않는다. 

-->

<input type="test" name="name">

<!-- 서버로 전송하기 위해서는 submit 기능 필수 -->

<input type="submit">


</form>

</form>

</div>

</body>

</html>

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

    pageEncoding="UTF-8"%>

<%

//1. Hi.jsp 는 사용자의 요청에 의해 자동 호출 된다.

// -> 주의) 사용자가 현재 페이지를 직접 호출하면 안된다.

// 2. 사용자가 전송한 데이터를 수신하는 액션 필요.

// 3. 수신된 데이터를 검증하거나, 결과 메세지를 출력하는 액션 작성.


//데이터 수신 명령 request.getParameter("식별자");

String name = request.getParameter("name");


%>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

<div>


<!-- 데이터 수신 페이지 -->


<%-- <%=name %> 결과출력하는 표현. 익스프레션 표현. --%>

안녕하세요, <%=name %> 님!



</div>


</body>

</html>





'Client-Side > HTML,CSS,Javascript' 카테고리의 다른 글

XSS 방어 (크로스 사이트 스크립팅)  (0) 2017.11.13
[HTML/CSS]width속성  (0) 2016.04.11
[HTML/CSS] position정렬, 이슈사항 해결  (0) 2016.04.11
[HTML,CSS] table중앙 정렬하기, text-align정렬  (2) 2016.04.11
HTML 폼 형식별 데이터 송수신 테스트  (0) 2015.05.11
공유하기 링크
'Client-Side/HTML,CSS,Javascript' Related Articles more
Comments