반응형
새창으로 열어야하는 팝업화면 또는 새로운 창에 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>
'Language > JQuery' 카테고리의 다른 글
| [jQuery] slideUp(), slideDown()를 이용한 객체 펼치기/접기 (0) | 2015.02.23 |
|---|---|
| [Javascript] 숫자 3자리 단위마다 콤마(comma) 찍기 (13) | 2015.01.27 |
| [jQuery] hide(), show()를 이용한 객체 감추기/보이기 (2) | 2015.01.07 |
| [jQuery] 문자열 앞뒤 공백제거 - $.trim() (0) | 2015.01.06 |
| Keyboard Event Code 모음 (event.keyCode) (0) | 2014.12.24 |