http, https 혼용 Ajax 레이어팝업 로그인과 처리

[출처] http://itzone.tistory.com/198

 

* 문제 제기1

다른 구현은 둘째치고

http 페이지에 각종 컨트롤 함수를 정의해 놨는데

[v] 보안접속

하고 뭐든 하려 하면

javascript로 http <-> https 상호 처리시 '사용자 권한 없습니다' 오류가 뜬다.

몇시간의 삽질 끝에 한가지 해결을 보았다.

* 문제 제기2

물론 기본 페이지도 https 이고 팝업도 https 이면 아무런 오류도 안나지만

기본적으로 사이트 접속하면 http://xxx.com 이다.

이것을 https 와 혼용해서 쓰려니 골때리는 사건이 발생한다.

* 해결꼼수

-------------------------
 http
 -----------------
  http 레이어팝업

  히든 iframe
 -----------------
-------------------------

위와같은 페이지 구성으로 짜고

http 레이어팝업 = 로그인 폼

로그인 폼의 submit target="{히든 iframe}"

action="https://xxx.com/login_process.asp" 으로 posting!

히든 iframe 안의 https://xxx.com/login_process.asp 에서는

처리가 끝나면

http://xxx.com/popup_close.html 으로 이동시킨다.

http://xxx.com/popup_close.html 에서는

<script type="text/javascript">
//<![CDATA[
    parent.window.{부모창의 레이어팝업 닫는함수}();
//]]>
</script>

 

위와 같은 코드를 사용하면 된다.