使用 jQuery 跨域 - 在子域上

发布于 2024-09-15 17:38:58 字数 388 浏览 4 评论 0原文

我有一个 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

浪漫之都 2024-09-22 17:38:58

如果它是子域,则必须通过在页面上设置 document.domain 来让两者在同一顶级域名上运行。

document.domain = "yourdomain.com"

If it's a subdomain, you have to let both work on the same tld, by setting document.domain on your pages.

document.domain = "yourdomain.com"
滥情稳全场 2024-09-22 17:38:58

我认为唯一的方法是使用服务器端获取页面的 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.

塔塔猫 2024-09-22 17:38:58

document.domain 解决方案对我不起作用。但我发现,您可以通过服务器设置 Access-Control-Allow-Origin 标头来允许跨域访问。

如果服务器支持,您可以在 .htaccess 文件中执行此操作:

  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "http://REQUESTING.domain"
  </IfModule>

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:

  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "http://REQUESTING.domain"
  </IfModule>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文