javascript - 无法使用外部 Url 加载 div

Question

我正在使用 asp.net MVC 5 应用程序。在那里，我使用 jquery 加载带有外部 url 的 div。

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” header 。 产地' http://fiddle.jshell.net ' 因此不允许访问。

这是 JsFiddle 网址: http://jsfiddle.net/Q8KVC/7533/

注意:我不想使用 iframe

PS: 好吧，我想我剩下的唯一选择就是使用 iframe。我们是否也遇到与 iframe 相同的问题？

Answer 1

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

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

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