[Javascript] 외부 페이지로의 데이터 전달 (Callback)

※ Javascript 외부 페이지로의 데이터 전달 (Callback)

외부페이지에서 자사 페이지를 호출하여 데이터 처리 후 다시 데이터 전달이 필요할 경우 아래와 같은 방법으로 전송이 가능합니다.

EX) 팝업으로 주소검색 서비스 제공

 

 

1. 스크립트 삽입 방식

외부페이지에 사전에 정의한 스크립트를 심어 parent, opener로 접근하여 데이터 전달합니다.

 

ex) 외부페이지에서 팝업으로 호출했을 경우 데이터 처리후 부모창 스크립트 호출해 줌

window.opener.setData(para1,para2);

 

주의점

- 외부페이지에 setData 스크립트가 정의되어 있어야함

- 동일 도메인일때는 그냥 사용가능

- 서브 도메인일때는 document.doamin.으로 맞춰줘야함. (양쪽페이지 모두)

 

 

2. Callback 페이지로 전송(Submit)하는 방식

사전에 정의한 callback페이지, 혹은 파라미터로 받은 호출 주체 callback 페이지에 get,post방식으로 데이터 전송 합니다.

loaction.href = callBackUrl + '?param1=1&param2=2'

혹은 form안에 넣고 get이나 post방식으로 submit

 

주의점

- 콜백페이지에서 데이터 받아서 처리할 수 있는 외부 서버사이드 페이지가 있어야 함. 

- 동일도메인이기 때문에 크로스도메인 이슈는 해결