使用 jQuery 将内容从 HTTP 页面加载到 HTTPS 页面

Posted

技术标签:

【中文标题】使用 jQuery 将内容从 HTTP 页面加载到 HTTPS 页面【英文标题】:Using jQuery to load contents from a HTTP page onto a HTTPS page 【发布时间】:2016-12-11 11:38:08 【问题描述】:

我正在使用 Chrome 扩展程序使用以下代码在 https 网站上显示来自 http 网站的内容:

$("#div").html('<object data="http://example.com/"');

但是由于混合了 http 和 https,我收到了这个错误:

混合内容:页面位于 'https://website.com' 是 通过 HTTPS 加载,但请求了不安全的插件资源 'http://example.com/'。此请求已被阻止; 内容必须通过 HTTPS 提供。

我该如何克服这个问题? http网站无法用https加载。

注意:我必须使用 javascript/jQuery,因为我在 Chrome 扩展程序中使用代码。

【问题讨论】:

How to get Chrome to allow mixed content?的可能重复 基本上你不能。这是一个安全问题。 【参考方案1】:

您可以编写一个代理脚本(它可以驻留在任何地方),可以通过 HTTPS 从外部访问它,并通过 HTTP 在后台检索请求的 URL。

您的扩展程序会要求:

$("#div").html('<object data="https://your-proxy-server.com/your-script">');

【讨论】:

以上是关于使用 jQuery 将内容从 HTTP 页面加载到 HTTPS 页面的主要内容,如果未能解决你的问题,请参考以下文章

Jquery鼠标滚动到页面底部自动加载更多内容,使用分页

jquery mobile - 将内容加载到div中

使用jquery从按钮将内容加载到容器div中

如何使用 php/jquery 实现持久页面?

将页面加载到 div 中并选择特定的 jQuery UI 选项卡

如何使用 JQuery onclick 将 MySql 中的随机内容加载到 div 中? [复制]