0

我正在将使用画布的站点“B”加载到站点“A”中。iframe 是一个简单的选择，效果很好，但我想使用 jQuery 来实现。我尝试使用“.load”和“$.ajax”站点“B”给出错误 javascript 在您的浏览器上被禁用...下面是代码...

如果我直接将该站点加载到另一个窗口中，它运行良好..我不想使用 iframe ..我需要将它加载到某个 div

    using .load...
    $("#dataLoader").load('http://www.xyz.com');

    and using ajax...
    $.ajax({
         url: "http://www.xyz.com",
        cache: false
         }).done(function( html ) {
                         console.log(html)
                       $("#dataLoader").append(html);
                    });
4

2 回答 2

1

没有 iFrame 就无法做到这一点。iFrame 专门用于加载页面。ajax不能用于跨域的内容注入。有许多替代方案/修复程序可以纠正此问题：

  • 正如前面的答案所建议的，url将 iframe 的属性设置为目标页面并完成它。
  • 如果 url 不是动态的，只需src在 HTML 本身中设置属性。那时不需要 jQuery。
  • jsop 如果 托管cors的服务器支持，您可以使用。xyz.com
  • 如果您仍然坚持为此使用和 jquery，请在库ajax中使用这个额外的 mod ：http: //james.padolsey.com/javascript/cross-domain-requests-with-jquery/ajax
  • 最后一种（也是更复杂的）方法可以实现这一目标。您可以向您的服务器发送请求并让服务器与 url 对话，然后让您的服务器将其返回给您。你可以用它ajax来解决这个问题。

请查看这些链接以更清楚地了解这一点：

于 2013-06-06T04:31:01.957 回答
0

只需更改srciframe 的属性。就像是

$("#frame").attr("src", url);
于 2013-06-06T04:05:10.167 回答