2017-08-18 11 views
0

で要求されたリソース上に存在する。負荷(』 https://www.google.com ');いいえ「アクセス制御 - 許可 - 起源」ヘッダは、jQueryの負荷とiframe

またはiframeを使用してgoogle.comのデータにアクセスすると、Access-Control-Allow-Originエラーが発生します。

コード:

$(document).ready(function() { 
 
\t 
 
    $('#root').load('http://www.google.com/');// Cross origin Error 
 

 
    $('#theFrame').contents() // Cross origin Error 
 
\t 
 
});
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <meta http-equiv="Access-Control-Allow-Origin" content="*"> 
 
\t <title>Demo</title> 
 
\t <script type="text/javascript" src="static/javascript/jquery-3.1.1.js"></script> 
 
</head> 
 
<body> 
 

 
<div id="root"></div> 
 

 
<iframe id="theFrame" src="http://www.google.com/" style="width:100%;" frameborder="0"> 
 
</iframe> 
 

 
</body> 
 
</html>

エラー:

のXMLHttpRequestがGoogleにロードすることはできません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。したがって、origin 'localhost'はアクセスを許可されません。

+0

(https://stackoverflow.com/tour)StackOverflowのへようこそ]。 質問を改善するヒントについては、[質問]ページをご覧ください。大きな質問は、コミュニティからより迅速かつより良い回答を生み出す傾向があります。 – ochi

+0

サーバーが許可していない場合、同じ起点でない場合は、Webサイトにアクセスできません。 (あなたがbar.comにいる場合、foo.comにアクセスすることはできません)セキュリティ上の目的で、あなたの周りを歩くことはできません。 – Seblor

答えて

0

このプロキシを使用して、周りを終了することができます。 https://cors.now.sh/

$(document).ready(function() { 
 
    $('#root').load('https://cors.now.sh/http://www.google.com/'); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="root"></div>

関連する問題