기본적으로 동일한 조직에 속하지만 다른 도메인 이름으로 호스팅 된 두 번째 웹 사이트를 Iframe에 표시하려고합니다. 그리고 iframe에서 부모 프레임으로 일부 데이터를 전달하려고합니다.iframe에서 동일한 출처 정책을 극복하는 방법은 무엇입니까?
부모 프레임 = foo.com, iframe이 = bar.com
내가 나에게 동일 출처 정책 오류를 제공하는, parent.setData(data)
를 통해 iframe 대응의 데이터를 전달하려고하면
. 심지어는, 그러나
<script src="http://foo.com/js/wrapper.js"></script>
<script>
Foo.setData(someData);
</script>
: 그래서
var Foo = {};
Foo.setData = function(data)
{
parent.setData(data);
}
지금 bar.com
내 iframe이가하고있다 :
그래서 나는이 기능을 포함 foo.com/js/wrapper.js
에서 호스팅이 코드의 래퍼를 만들어 심지어 wrapper.js
이 상위 도메인에서 호스팅되는 경우에도 parent.setData
줄에 보안 오류가 표시됩니다.
이 문제를 극복하는 다른 방법이 있습니까?
https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage – Quentin
@Quentin 모든 예제 코드가있을 수 있습니까? –
해당 페이지에 "예제"라는 제목의 전체 하위 섹션이 있습니다! – Quentin