[javascript] 팝업창으로 Form 데이타 전송(POST)

1. 부모창에서 팝업창으로 form 데이타 post 전송

<form name="form" method="post">
<input type="hidden" name="param1" value="1" />
<input type="hidden" name="param2" value="2" />
<input type="hidden" name="param3" value="3" />
</form>
<button type="button"> 전 송 </button>

<script>
$(function() { 
    $("button").on("click", function() {
        window.open("", "popup_name", "width=500, height=500");
        
        $("form[name='form']").attr({action:"./popup.php", target:"popup_name"});
        $("form[name='form']").submit();
    });
});
</script>

728x90

2. 팝업창에서 부모창으로 form 데이타 post 전송

// 부모창 opener.html //
<script>
window.name = "opener_name";
</script>

// 팝업창 //
<form name="popup_form" method="post">
<input type="hidden" name="data1" value="1" />
<input type="hidden" name="data2" value="2" />
<input type="hidden" name="data3" value="3" />
</form>
<button type="button">부모창 전송</button>

<script>
$(function(){
    $("button").on("click", function() {
        $("form[name='popup_form']").attr({action:"./opener.html", target:"opener_name"});
        $("form[name='popup_form']").submit();
        window.close();
    });
});
</script>