[Javascript] submit 후 팝업창 닫기

submit 후 팝업창 닫기

삽질을 조금이라도 막기위해 작성합니다..

보통 form태그를 전송할 때,

document.form_name.action = " ";
 
document.form_name.submit();

이런 식으로 mapping 경로를 action에 적어주고 submit으로 전송하는데,

팝업창에서 submit으로 전송을 하게되면 팝업창은 닫히지않고 그대로 남아있는데, 우리는 데이터 전송 후, 팝업창을 닫아야합니다.

그래야 깔끔하니까요 GOOD

위에서 submit()을 사용하여 데이터 전송까지는 했습니다.

document.form_chk.action = '${pageContext.request.contextPath}';
document.form_chk.submit();
window.open("about:blank", "_self").close();

window.open을 사용하여 빈페이지 url을 열고 (about:blank) / _self(디폴트값) 를 사용하여 현재 페이지를 빈페이지에 나타낸다.

그리고 close()로 닫기!!

이렇게하면 정상적으로 데이터가 전송된 후에 페이지가 닫힐 겁니다.

추가로,

혹시나 form태그에 attr 속성을 주고 속성에 경로를 준 후, submit()을 하게 되면 window.close()로 안닫힙니다.

제 생각이지만, 속성값에 경로를 주고 submit()을 하게되면 아무래도 속성값은 계속 입력되어있으니, action으로 줘야 먹히는 것 같습니다.