2017-03-06 28 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的内容并发送到您的页面。

相关问题