无法使用外部网址加载div

Question

我正在使用asp.net MVC 5应用程序。在那里，我使用jquery加载div与外部URL。

HTML

<div id="DivOne" class="oddNum">Div One</div>
<button id="btnOne">Load Content</button>

Jquery的

$('#btnOne').click(function() {
    // Action goes here
    $('#DivOne').load('http://www.artisteer.com');
});

在按钮点击事件中，我收到以下错误消息（在浏览器控制台中）。

无法加载http://www.artisteer.com/：请求的资源上没有“Access-Control-Allow-Origin”标头。 因此，不允许原点“http://fiddle.jshell.net”访问。

这是JsFiddle Url： http://jsfiddle.net/Q8KVC/7533/

注意：我不想使用iframe

PS：好吧，我认为我只剩下选项就是使用iframe。我们也会在iframe中遇到同样的问题吗？

Answer 1

使用https端点作为外部网址，否则，您最终会在控制台上出现混合内容错误

您可以查看访问链接以获得更多理解 mixed-content-the-page-was-loaded-over-https-but-requested-an-insecure-xmlhttprequest-endpoint

• HTTPS对于保护您的网站和用户非常重要 攻击。
• 混合内容会降低HTTPS的安全性和用户体验 站点。

Answer 2

对于chrome，如果添加Access-Control-Allow-Origin插件，它将解决问题。它仅适用于Chrome浏览器