새창으로 열어야하는 팝업화면 또는 새로운 창에 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 [과일가게 개발자]
'[공부용]참고 사이트 모음 > [자바스크립트]' 카테고리의 다른 글
| [javascript] 자식창에서 부모창 함수 호출 (0) | 2020.10.07 |
|---|---|
| JavaScript - input 박스에 숫자만 입력 가능하도록 (0) | 2020.10.07 |
| [JAVASCRIPT]form submit전에 input 필드 추가 방법 (0) | 2020.09.24 |
| 비밀번호 /이메일/전화번호/핸드폰 정규식 (0) | 2020.09.17 |
| javascript 문자열 자르기 (0) | 2020.09.17 |