[Javascript] 팝업창으로 POST 전송

Language/JQuery

[Javascript] 팝업창으로 POST 전송

과일가게 개발자 2015. 1. 19. 08:00

새창으로 열어야하는 팝업화면 또는 새로운 창에 Form 형식을 데이터를 전송하여야 할때가 있다.

이때에는 open 되는 팝업창의 title과 form의 target 이름을 동일하게 맞춰주고 submit을 해주면 쉽게 Post로 전송할 수 있다.

[예제]

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>팝업창으로 POST 전송하기</title>

<script type="text/javascript" language="javascript">


	// 팝업오픈하여 폼데이터 Post 전송
	function openPop(){
		
		
		var pop_title = "popupOpener" ;
		
		window.open("", pop_title) ;
		
		var frmData = document.frmData ;
		frmData.target = pop_title ;
		frmData.action = "popup.jsp" ;
		
		frmData.submit() ;
		
		
		
	}


</script>

</head>
<body>


<!-- 팝업창으로 전송하는 정보 -->
<form name="frmData" id="frmData" method="post">
	<input type="text" name="name" id="name" value="홍길동" />
	<input type="text" name="id" id="id" value="gildong" />
</form>

<a href="#" onClick="openPop();">팝업창으로 POST 전송!!</a>

</body>
</html>

저작자표시