如何在另一個域上的另一個網頁上加載外部網頁的某個div

Question

如何在另一個位於不同域的網頁上加載某個網頁div。

我試過這個：

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

但是當要加載的頁面在另一個域上時，它不起作用

Answer 1

這個 jQuery的mod允許你這樣做。 看看吧 ！ 它使用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

您需要在服務器端使用稱為Web抓取的技術。

幾乎所有服務器端編程語言都有一個庫來執行此操作。 如果您熟悉JavaScript，可以使用node.js. 一旦你有div需要抓取並且可用，你可以使用Ajax將它提供給客戶端，這也可以通過node.js輕松完成。

有關更多信息，請查看此文章。