javascript post redirect

고객사의 웹사이트를 만드는 업체에서 우리가 제공하는 웹페이지를 임베디드 해서 보여주기로 했었는데.. 

 

단순페이지가 아니라서 모바일에서 보여줄수가 없다고 연락이 왔다.

임베디드 해주겠다고 한지 한달이 지나서야.. ;;;

 

원래 location.href 로 넘길려고 했으나..

 

제공한 URL이 GET방식이어서 변수값 노출을 막기위해 POST 전송 방식이 필요했다.

 

서비스 URL과 보여줘야할 URL의 도메인이 달라서 화면을 새로고침하면서 POST로 전송을 해야했다. 

 

문자 OTP 인증 후 인증이 완료가 되면 아래의 코드를 실행하도록 안내했다. 

const form = document.createElement('form');        // form 태그 생성 
let objs = document.createElement('input');             // 값을 넣을 input 생성 
objs.setAttribute('type', 'text');                                  // 값의 type
objs.setAttribute('name', 'loanreq_seq');                  // 값을 담을 변수 이름 : 인증 성공 시 서버에서 받아서 셋팅 
objs.setAttribute('value', "RXXXXXXXXXX");          // 값 : 인증 성공시 서버에서 받아서 셋팅 
form.appendChild(objs);
form.setAttribute('method', 'post');                            //get,post 가능
form.setAttribute('action', "https://***.***.*** ");         // 호출할 url : 인증 성공시 서버에서 받아서 셋팅 
document.body.appendChild(form);
form.submit();

실제로 변경되는 것은 value에 해당하는 값이다.. 

 

위 처럼 호출을 하면 변수는 감추고 POST로 화면이동이 가능하다.