使用jQuery将外部网页添加到div

Question

我有以下代码来在ajax需要div并附加一些内容的同时加载GIF：

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 。

谢谢，
凯蒂

Answer 1

您不能因为同源政策限制。

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

Answer 2

通过使用Yahoo!的YUL库 ，可以实现跨域XHR。 它基本上是使用服务器来获取内容的，以便您绕开Hamish提到的策略 。

有关更多信息，请参见： jQuery跨域Ajax指南