웹마당넷 |다수의 페이지에 폼(Form) 전송하기

JSP/Servlet

제 목

다수의 페이지에 폼(Form) 전송하기

작성자

웹마당넷

등록일

2009-01-27 02:14:45

조회수

15,670

[다수의 페이지에 폼(Form) 전송하기]

저번에 소개한 예제 중에서 이 부분이 추가되면 더 좋을 것 같은 생각에 덧 붙여 본 예제입니다.
아울러 URLConnection 객체의 출력 스트림을 이용한 폼값 전송이 아니라, 단순 자바스크립트 예제라는 것도 양해를
구하겠습니다. 단지 소스 일부에 request.getParameter 라는 JSP 코드 일부가 등장하여 JSP 코너에 올리게 되었습니다저번 예제가 무엇인지 궁금하신 분은 아래의 텍스트를 클릭하면 이동합니다.

저번예제 보기 : JSP 일정 시간이 지나면 자동으로 폼(Form) 전송하기

아래 예제는 저번에 소개된 예제와 거의 같지만 request 로 받은 OrderNum의 값이 세개의 페이지로 넘겨지고 있습니다.넘겨지는 Url 은 아래와 같습니다.

http://www.webmadang.net/asp/request.asp
http://www.webmadang.net/php/request.php
http://www.webmadang.net/jsp/request.jsp

각기 Url이 다른 세개의 페이지로 이동하기 위해서 세개의 iframe 이 사용되고 있습니다.

<%
  String service_info = request.getParameter("OrderNum"); //넘겨야 할 데이터 OrderNum
%>
<form name="sendForm" method="post">
  <input type="hidden" name="OrderNum" value="<%=OrderNum%>">
</form>
<iframe name="hframe1" style="display:none;"></iframe> 
<iframe name="hframe2" style="display:none;"></iframe>
<iframe name="hframe3" style="display:none;"></iframe>
<script type="text/javascript">
<!--
  document.sendForm.target="hframe1"; //타겟을 iframe으로 한다
  document.sendForm.action="http://www.webmadang.net/asp/request.asp";
  document.sendForm.submit();

  document.sendForm.target="hframe2"; //타겟을 iframe으로 한다
  document.sendForm.action="http://www.webmadang.net/php/request.php";
  document.sendForm.submit();

  document.sendForm.target="hframe3"; //타겟을 iframe으로 한다
  document.sendForm.action="http://www.webmadang.net/jsp/request.jsp";
  document.sendForm.submit();
//-->
</script>

위의 소스를 더욱 알아보기 쉽게 자바스크립트 형식으로 바꿔보면 아래와 같습니다. 이해를 돕기 위해서 소스상에
전송(submit) 버튼이 삽입 되었지만 버튼 클릭시 페이지 이동은 없습니다. 단지 세곳의 페이지로 OrderNum 의 값
만 전송될 뿐입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>www.webmadang.net</TITLE>
<script type="text/javascript">
function send()
{
   document.sendForm.target="hframe1"; //타겟을 iframe으로 한다
   document.sendForm.action="http://www.webmadang.net/asp/request.asp";
   document.sendForm.submit();

   document.sendForm.target="hframe2"; //타겟을 iframe으로 한다
   document.sendForm.action="http://www.webmadang.net/php/request.php";
   document.sendForm.submit();

document.sendForm.target="hframe3"; //타겟을 iframe으로 한다
   document.sendForm.action="http://www.webmadang.net/jsp/request.jsp";
   document.sendForm.submit();
}
</script>
</HEAD>
<BODY>
<form name="sendForm" method="post">
  <input type="text" name="OrderNum">
  <input type="button" value="전송" onclick="send()">
</form>
<iframe name="hframe1" style="display:none;"></iframe> 
<iframe name="hframe2" style="display:none;"></iframe>
<iframe name="hframe3" style="display:none;"></iframe>
</BODY>
</HTML>