jquery 크로스 사이트 액세스 변수

Question

두 가지 다른 응용 프로그램이 있습니다. 하나는 블로그 목록 페이지이고 다른 하나는 블로그 세부 정보 페이지입니다. 블로그 세부 정보 페이지는 window.open을 사용하여 팝업으로 열리고 블로그 이름을 클릭합니다. 이 블로그 세부 정보는 다른 서버에서 제공됩니다. 블로그 팝업 페이지에서 클라이언트 쪽 변수를 선언 한 블로그 목록 페이지에 액세스해야합니다. 아래 예제를 시도했지만 오류가 반환되었습니다. 제발 도와주세요,이 문제를 해결해야합니다.

예 : 첫 번째 도메인 http://example.blog.com/bloglist.php

<script type='text/javascript'> 
 
    var blogType = "test"; 
 
    $("body").on("click", "a.blogdetails", function() { 
 
     var getId = $("this").attr('id'); 
 
     openSeperateWindow = window.open("http://example.bloglist.com?id="+getId);   
 
    }); 
 
</script> 
 

 
Example: Second Domain 
 
<script type='text/javascript'> 
 
    var getParentWindow = window.opener; 
 
    console.log(getParentWindow.blogType); // It's returning permission denied to access 'blogType' 
 
</script>

Answer 1

당신은 자바 스크립트와 상호 도메인 사이트 간의 통신에 .postMessage() 상대적으로 새를 사용할 수 있습니다. Browser support is pretty decent with modern browsers.

Google 검색에서 찾을 수있는 좋은 예가 있습니다. MDN 문서는 시작하기에 좋은 곳입니다.

• window.postMessage()
• MessageEvent