form 데이터를 window 팝업창으로 값을 전달하여 open 해야 할 필요가 있을 때 사용하는 방법이다.
<form action="popup.php" method="post" target="payviewer" onsubmit="window.open('popup.php', 'payviewer', 'width=200, height=200,resizeable,scrollbars');">
<input type="hidden" name="var" value="POST DATA SENT">
<input type="submit" value="결제하기" >
</form>
=== popup.php ===
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Receiver popup</title>
</head>
<body>
<p><?php echo($_POST['var']); ?></p>
</body>
</html>
위와 같은 방법을 jQuery 로 전달하는 방법이다.
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script language='javascript'>
$(document).ready(function() {
$('#pay').submit(function() {
window.open('', 'payviewer', 'width=200,height=200,resizeable,scrollbars');
this.target = 'payviewer';
});
});
</script>
<form id="pay" action="popup.php" method="post" >
<input type="hidden" name="var" value="POST DATA SENT">
<input type="submit" value="결제하기">
</form>
이걸 더 수정해보자.
바로 위 코드와 아래 코드가 어떻게 다른지 확인이 될 것이다.
정보를 어떻게 전달하는지를 알 수 있다.
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script language='javascript'>
$(document).ready(function() {
$('#pay').submit(function() {
window.open('', 'payviewer', 'width=200,height=200,resizeable,scrollbars');
this.action = 'popup.php';
this.method = 'POST';
this.target = 'payviewer';
});
});
</script>
<form id="pay" >
<input type="hidden" name="var" value="POST DATA SENT">
<input type="submit" value="결제하기">
</form>
'Web 프로그램 > js, jQuery' 카테고리의 다른 글
| [jQuery] Autocomplete using PHP/MySQL and jQuery (0) | 2016.12.21 |
|---|---|
| [Jquery] 부모창 제어/접근 (0) | 2016.12.18 |
| [jQuery] 실시간 업데이트(real time page update) (0) | 2016.12.17 |
| [jQuery] jqplot 를 이용한 막대 그래프 통계 (MySQL DB 실제 연동) (0) | 2016.12.07 |
| [jQuery] jqplot 를 이용한 막대 그래프 통계 (MySQL DB 연동개념) (0) | 2016.12.06 |
Link2Me
