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

Question

如何將網頁的某個div加載到駐留在另一個域上的另一個網頁上。

我已經試過這樣：

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

但它不工作時加載頁面上的另一個域

Answer 1

This mod jQuery的可以讓你做到這一點。 Check it out！它使用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輕鬆完成。

更多，看this article.