JQuery UI - 標籤中的外部網站

Question

我有一個（可能很簡單）與jQuery的問題。我在本地tomcat服務器上運行Java Servlet webproject，並試圖熟悉jquery，特別是jquery選項卡。基本上我將加載外部網站轉換爲製表符，發現一個演示代碼如下：


（頭）

<link type="text/css" href="css/jquery.css" rel="stylesheet" /> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="jquery-ui.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $("#tabs").tabs({ 
     ajaxOptions: { 
      error: function(xhr, status, index, anchor) { 
       $(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible. If this wouldn't be a demo."); 
      } 
     } 
    }); 
}); 
</script> 

（主體）

<div id="tabs"> 
<ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="http://google.com">Aenean lacinia</a></li> 
</ul> 
<div id="tabs-1"> 
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> 
</div> 
<div id="tabs-2"> 
    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p> 
</div> 

標籤1和2是正常的靜態標籤，並在標籤3我嘗試加載一個網頁（例如這裏google.com）。我發現本地站點（例如在此特定Tomcat服務器上運行的站點）顯示在選項卡中。但只要我打電話給外部網站，即使它被本地網站重定向，該選項卡仍然是空白的。我還用鉻開發工具檢查了時間表，當我打開標籤頁時，瀏覽器加載網站，但沒有顯示任何內容。

我希望我的描述對你來說足夠準確。

問候tagtraeumer

Answer 1

你不能讓你的應用程序之外的一種標準的AJAX調用。如果您的網站運行在www.example.com上，則您製作的任何標準ajax調用必須具有相同的協議（例如http），主機（例如www），相同的端口（例如8080）以及相同的域（例如example.com）。

如果您的目標是在標籤中顯示Google，您可以讓包裝該標籤的div包含iframe，並將iframe的src設置爲google.com。

谷歌「相同來源政策」瞭解更多信息。