[Javascript] 팝업창으로 POST 전송

bled 2020. 10. 6. 11:37

새창으로 열어야하는 팝업화면 또는 새로운 창에 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>

출처: https://fruitdev.tistory.com/154 [과일가게 개발자]