2017-03-06 33 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的內容併發送到您的頁面。

相關問題