[Javascript, Jquery] 팝업창 POST로 띄우기

팝업창을 GET이 아닌 POST로 띄우기

 

아래 소스는 파라미터를 get방식으로 넘긴 소스

 

기존의 get방식 팝업

 

get방식

 

window 팝업을 get방식으로해서 파라미터를 넘기게 되면 파라미터사이에 & <<<<< 요놈 때문에 팝업창을 클릭해도 해당 url로 넘어가지 않는 경우가 있다.

 

또한, 무엇보다 중요한 건 get방식으로 넘긴값을 다른 사용자가 변경하면 안되는 경우가 있기 때문.

 

이번에 나온 이슈는 팝업창을 클릭해도 해당 url로 넘어가지 않는다!!!

그래서 get -> post방식으로 바꿔봤다.

 

아래 소스는 파라미터를 POST방식으로 넘긴 소스

 

jsp에 추가한 form 태그

 

 

post 형식으로 변경

 

post방식

 

기존의 소스와의 비교

기존소스에는 form 태그가 없이 모든 파라미터를 url위에 붙혀서 넘겨주었다(get 방식)

window.open의 url을 넣어 팝업창을 open

 

바뀐소스에는 form 태그를 생성. 그 안에 hidden 타입으로 파라미터 정의

스크립트에서 hidden타입의 파라미터에 value값 입력.

windown.open url자리에 "" << 빈값으로 채워넣고 "pops_"+m_seq 라는 target name을 입력.

form태그에도 windown.open에 입력한 target속성을 입력.

해당 form태그에 action url속성을 입력하고 전송(submit).

 

혹시나 이해 안되고 모르는 부분이 있으시면 글남겨주세요!!