View
기존에 GET방식으로 구현했던 페이지가 있었는데
URL이 노출되면 사용자가 값을 임의로 넣어서 다른 데이터들이 노출 될 것 같아
POST로 변경해달라는 요청이 있었다.
❔ window.open.. 그리고 POST..? 어떻게 구현하지?
👉 form 태그를 쓰면 됩니다!
<body>
<form name ="openForm" >
<input type="hidden" id="param1" name="param1" value="" />
<input type="hidden" id="param2" name="param2" value="" />
<input type="hidden" id="param3" name="param3" value="" />
</form>
</body>
<script type="text/javascript" src="theJs.js">
function open_Window_post(){
var url = "https://w94dev.tistory.com";
var option = 'resizable=yes';
window.open(url, "openForm", option);
var myForm = document.openForm;
myForm.action = url;
myForm.method = "post";
myForm.target = "openForm";
myForm.submit();
}
</script>
이렇게 하면 form 태그안에 들어있는 값들을
post로 해당 url에 넘겨주게 된다.
❔ 이렇게 변경했더니 URL이 두 번 호출 되는 오류 발생
👉 window.open("", "openForm", option); 로 변경
url이 들어가던 부분에 빈값을 넣으면 url이 두 번 호출되는 일 없이
잘 호출된다~!
'JavaScript' 카테고리의 다른 글
| javascript :: CapsLock 버튼 감지하기 (0) | 2023.10.10 |
|---|---|
| javascript :: SheetJS 테이블들 엑셀 시트 별로 다운로드하기 (4) | 2021.06.17 |
| javascript :: keyCode 목록과 keycode 이벤트 이용하여 엔터키 실행하기 (0) | 2020.08.04 |
reply
