jQuery - 從動態RSS提要鏈接將外部網頁加載到div

Question

我的網頁包含一些來自某些隨機站點的RSS提要。

這些供稿中有鏈接可將您帶到這些網站。無論如何要將這些網頁加載到我的網頁上的div？

問題我的是，當我創建我的RSS源時，這些RSS鏈接是動態創建的。

劑量任何人有任何建議嗎？

function showLTab(key) 
{ 
    var myObject = science[key]; 
    var stage = $("#leftFeed").children('#tabContent'); 

    //forming the query 
    //LIMT controls amount of tabs displayed in each feed 
    var query = "select * from feed where url='"+myObject.feed+"' LIMIT 5"; 


    //changing URL to YQL 
    var url = "http://query.yahooapis.com/v1/public/yql?q="+encodeURIComponent(query)+"&format=json&callback=?"; 

    $.getJSON(url,function(data){ 

     //removes any previous feeds 
     stage.empty(); 

     //item exists in RSS 
     $.each(data.query.results.item || data.query.results.entry,function(){ 
       stage.append(myObject['function'](this)); 
     }) 
    }); 

    $("#leftFeed").children('#activeTab').text(key); 
} 


function showLeftDropDown() 
{ 
    var activeTab = $("#leftFeed").children('#activeTab'); 
    //creating drop down div 
    var dropDown = $('<div>').addClass('dropDownList').css({'top': 10, 'width': activeTab.width()}).hide().appendTo('#leftFeed'); 

    $.each(science,function(i){ 
     // populates dropdown div 
     if(i==activeTab.text()) return true; 
      $('<div>').text(i).appendTo(dropDown); 
    }) 
    dropDown.slideDown('fast'); 
} 

Answer 1

如果您知道您感興趣的網頁的URL（也就是說，這個問題是關於網頁的顯示和鏈接不檢索），只是想吐出的結果爲一個容器如div，可以做到這一點：

$("#myDiv").load("page url"); 

這通過Ajax請求到給定URL和加載內容到所選擇的元件。有關更多信息，請參閱http://api.jquery.com/load/。

另一種選擇是使用iframes。您可以創建一個iframe，然後設置src屬性的網址，你有興趣使用JavaScript：

document.getElementById("myIframe").src = "page url"; 

---

好了，所以如果你不知道網址，但有進，你可以解析，嘗試一個正則表達式。鑑於鏈接看起來是這樣的：

<link>http://www.someexamplerssdomain.com/main.html</link> 

您可以使用此代碼來解析他們都出去到一個數組：

var regex = /<link>(.*?)<\/link>/gi; 
var matches = new Array(); 

var match = regex.exec(rssInput); 
while (match != null) { 
    matches.push(match[1]); 
    match = regex.exec(rssInput); 
} 

然後，您可以使用這兩種方法我首先提出來檢索他們的內容。

Answer 2

使用這個jQuery https://github.com/sdepold/jquery-rss

這將幫助ü