2017-03-06 7 views
0

divにあり、アクセス制御の許可元問題に新しいページを表示したいとします。要求されたリソースにAccess-Control-Allow-Originのヘッダーがあります

には、例えば、私は==============================

を表示www.naver.comしよう========================

<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
    <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
    <script src="js/jquery.ajax-cross-origin.min.js"></script> 
    <script> 
     $(document).ready(function() { 
     var url = 'http://www.naver.com'; 
    jQuery.ajax({ 
      type:"GET", 
      url : url, 
      dataType:"jsonp", 
      crossOrigin: true,   
      success : function(data) { 
       console.log('success'); 
       console.log('success:'+url); 
       }, 
      error : function(data) { 
       console.log('error'); 
       } 
     }); 
    $('#openPage').load(url); 

    }); 
</script> 
<style> 
    #btn{ 
     width: 100%; 
     height:50px; 
    } 

</style> 
</head> 
<body> 
<!-- <div id="btn"> 
    <button>button</button> 
</div> --> 
<div id='openPage'></div> 

</html> 
+1

コードを投稿して、スクリーンショットを撮るだけではありません。 –

答えて

0

あなたがリクエストしているサイトがあなたのサイトにそれを行う許可を与えている場合、クロスオリジンAJAXリクエストのみを行うことができます。 Naver.comはそうではありません。その周りに方法はありません。ページを表示したいだけで、JavaScriptへのアクセスを気にしない場合は、iframeが最も近いものです。

0

レスポンスのhttpヘッダーには「Access-Control-Allow-Origin」が含まれている必要があります。これはNaver.comで行う必要があります。それを変更することはできないので、プロキシサーバーを構築してNaver.comのコンテンツを読み込んでページに送信することができます。

関連する問題