[javascript] 팝업창으로 POST 데이터 전송하기

보통 팝업창을 열때는 데이터를 GET 방식으로만 주고 받았었는데,

GET은 URL에 너무 지저분하게 파라미터들이 붙고, 노출이 되는 부분이 있어서 좋아하지 않는다.

 

그래서 POST 방식으로 데이터를 넘겨주는 방법을 찾아보았다.

FORM 태그를 이용해서 통으로 넘겨줄 수 있었다.

 

팝업창에 POST 데이터 넣기

//팝업창 오픈하여 데이터 전송
function openPopup( ) {
	window.open("", popOpen, ['fullscreen=no,menubar=no,status=no,toolbar=no,titlebar=no,location=no,scrollbar=auto,width=650,height=550'] );
	form.target="popOpen";
	form.action=" URL명";
	form.submit( );
}

위에는 javascript 부분으로 버튼을 클릭하면 동작하는 부분이다.

<form name="form"  method="post">
	<input type="hidden" name="appno">
	<input type="hidden" name="name">
	<input type="hidden" name="fee">	
	<input type="hidden" name="mobile">
	<input type="hidden" name="email">
</form>

<a href="#" onclick="openPopup()">버튼</a>

여기는 HTML 부분이다.

전달할 data 들을 FORM 태그 안에 hidden으로 넣어두었다.