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()使用JavaScript跨域站點之間的通信。 Browser support is pretty decent with modern browsers。

有很多很好的例子，你可以用谷歌搜索找到。 MDN文檔是一個很好的開始。

• window.postMessage()
• MessageEvent