如何将外部网页的某个div加载到位于不同域的另一个网页上

Question

如何将网页的某个 div 加载到位于不同域的另一个网页上。

我已经尝试过这个：

<div id="m"></div>
<script>$('#m').load('http://something.com #divname');</script>

但是当要加载的页面位于另一个域上时它不起作用

Answer 1

这个 jQuery 模组 可以让您做到这一点。 看看！它使用 YQL 来允许跨域请求。

收到请求后，它会显示为 JSON，您可以通过 ajax 解析它。这是我使用它的一种方式：

$.ajax({
    url: 'http://something.com',
    type: 'GET',
    success: function(res) {
        var loadIt = $j(res.responseText).find('#divname').html();
        $('#m').html(loadIt);
    }
});

但我认为您也可以简单地使用 .load 来完成此操作，如该链接所示。

Answer 2

您需要在服务器端使用一种称为网络抓取的技术。

几乎所有服务器端编程语言都有一个库来执行此操作。如果您熟悉 JavaScript，则可以使用 Node.js。一旦您获得了所需的 div 并可用，您就可以使用 Ajax 将其提供给客户端，这也可以使用 Node.js 轻松完成。

有关更多信息，请参阅这篇文章。