使用 jquery 将外部网页添加到 div答案

【问题标题】：use jquery to add external webpage to div使用 jquery 将外部网页添加到 div
【发布时间】：2012-10-09 15:11:15
【问题描述】：

我有以下代码来加载 GIF，而 ajax 需要 div 并附加一些内容：

var loader = '<img id="loader" src="loading.gif"/>';

$(loader).appendTo('#container').load(function() {
    $('#container').find('#loader').delay(3000).fadeOut(function() {
        $('#container').append('content')
    })
});

如何修改此代码，而不是附加 'content'，而是从外部网页附加 div。

例如，GIF 会淡出，容器内的div 将是www.somesite.com #somediv。

谢谢，
凯蒂

【问题讨论】：

标签： javascript jquery ajax load append

【解决方案1】：

使用 Yahoo! 的 YUL library 可以实现跨域 XHR。它基本上使用服务器为您获取内容以绕过policy 提到的Hamish。

更多信息请见：The jQuery Cross-Domain Ajax Guide

【讨论】：

我认为我要做的比我所要求的要简单得多，我想要做的就是有一个加载 gif，即使 ajax 请求完成，它也会运行 x 时间 - 我我正在尝试在获取内容时让电视显示静态，这是我正在处理的网站 www.uvm.edu/~areid/test/demo.html
@katiebekell - 关键是你不能append a div from an external webpage。这是同源政策禁止的。
我可以使用附加以外的东西吗？我的印象是 ajax 用于在不重新加载页面的情况下获取内容。也许我只是将附加功能与另一个功能混淆了？

【解决方案2】：

你不能因为Same Origin Policy的限制。

但是，您可以使用 iframe 在您的页面中嵌入整个页面的一部分。

【讨论】：

那段代码中的加载函数是什么——我认为那是 ajax 用来做这个的
@Hamish - 您还应该添加一个旁注，即iframe 不适用于带有x-frame deny 标头的网页。例如，Google