無法加載http://www.google.co.uk/。起源http：// localhost是不允許的訪問控制 - 允許 - 起源

Question

我只是簡單地想要加載谷歌，在一個使用錨點標籤點擊功能的股利。但我收到此錯誤：

cannot load http://www.google.co.uk/. Origin http://localhost is not allowed by Access-Control-Allow-Origin. 

我試圖訪問這樣說：

$(".someclass").load("http://www.google.co.uk"); 

我知道跨域限制，但有什麼辦法做到這一點？ 我也試過jQuery的ajax功能。但沒有成功。 一些建議請。

Answer 1

您的服務器上需要代理腳本。從前端調用該代理腳本，以便有效地回撥原始服務器。 $（'.someclass'）.load（'proxy.php？url = http：//www.google.co.uk'）; $（'.omes'）。

服務器端代理然後獲取請求的url並將其返回到前端。

確保將白名單列出，以便腳本無法被利用。而不是在前端和代理腳本之間傳遞真實的URL，請使用邏輯鍵。

$（'。someclass'）。load（'proxy.php？page = google_uk'）;

在您的代理腳本中，請求google_uk時請致電http://www,google.co.uk。如果有人試圖通過傳遞URL或無效密鑰來利用您的腳本，您可以返回403 http錯誤代碼（未授權）。

如果您只需要在網頁的某一部分，這是很好的知道，負載方法也接受一個CSS選擇器這樣的：（」。SomeClass的‘）

$負載（’proxy.php？ page = google_uk div＃search_form'）;

希望這會有所幫助！

Answer 2

由於same origin policy，您無法加載Google。

要進行XHR呼叫，協議，域和端口必須匹配。

如果您對http://bla.example.com，你可以改變你的域名是這樣的...

document.domain = 'example.com'; 

要解決它，你可以代理的數據服務器端或使用YQL。