使用jquery將外部網站加載到div

Question

我希望能夠將外部網站加載到div中 - 例如googles主頁。

我用盡：

$('#myDiv').load("http://www.google.com"); 

有沒有這樣的運氣。

任何幫助將不勝感激。謝謝。

Answer 1

你想要做什麼是危險的，應該避免。你已經給出了一個跨域請求的例子，大多數瀏覽器阻止你這樣做。您違反了same-origin policy。如果您真的必須使用<iframe src="http://www.google.com"></iframe>。

還有一個假設的解決方案，jQuery和YQL，但我會讓你嗅出那一個。

Answer 2

我想你只能使用jQuery加載來自同一Web服務器的內容，但我可能是錯的

Answer 3

您不能直接執行此操作，因爲您嘗試加載的網站位於不同的域，並且瀏覽器策略禁止這樣做。有兩種方法：

• JSONP - 只會用頁面，則可以編輯
• PHP代理：通過PHP腳本網站上的位置

Answer 4

$('#myDiv').html('<iframe src="http://google.com" width="100%" height="300">'); 

基本加載頁面出現，但會做的伎倆

Answer 5

您的瀏覽器是專門設計，以防止你這樣做。閱讀關於same origin policy的更多信息。

您有兩種加載內容的選項：您可以將外部內容放置在IFRAME中，這會讓您的腳本導致顯示不同的頁面，但不會以編程方式與其內容進行交互;或者你可以將你自己的服務器託管的內容放入使用jQuery的代碼中，例如你的問題中的代碼。