使用 jQuery 跨域 - 在子域上
我有一个 iframe,想要从 iframe 中的页面获取一些 HTML,或者有机会使用 jQuery 更改 iframe 中页面上的 HTML。
我使用此代码从 iframe 获取内容:
$('iframe#iframeBB').contents().find('table').each(function() {
var at = $(this).attr('summary');
if (at == "Latest Data") {
$('table#main').html($(this).html());
}
});
只要 iframe 的源位于同一域,该代码就可以正常工作。我的问题是源位于另一个子域上。我知道这违反了同源政策,但是有办法做到这一点吗?
I have a iframe and want to either get some of the HTML from the page in the iframe or the opportunity to change the HTML on the page in the iframe with jQuery.
I use this code to get content from the iframe:
$('iframe#iframeBB').contents().find('table').each(function() {
var at = $(this).attr('summary');
if (at == "Latest Data") {
$('table#main').html($(this).html());
}
});
This works fine as long as the source for the iframe is at the same domain. My problem is that the source is on another subdomain. I know this is against the Same-Origin Policy, but is there a way to do this?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
如果它是子域,则必须通过在页面上设置 document.domain 来让两者在同一顶级域名上运行。
If it's a subdomain, you have to let both work on the same tld, by setting document.domain on your pages.
我认为唯一的方法是使用服务器端获取页面的 html 输出并将其输出到 iframe 中。
I think that the only way to do is to get the html output of the page using server side and output it into the iframe.
document.domain 解决方案对我不起作用。但我发现,您可以通过服务器设置 Access-Control-Allow-Origin 标头来允许跨域访问。
如果服务器支持,您可以在
.htaccess
文件中执行此操作:The document.domain solution didn't worked for me. But I figured out, that you can allow cross domain access by server setting the
Access-Control-Allow-Origin
header.You can do this e.g. in the
.htaccess
file if the server supports it: