使用jQuery從RSS Feed中提取內容

Question

我有一個基本的HTML模板：

<article>
    <h3>Being a Freelance Designer</h3>
    <p>Etiam porta sem malesuada magna euismod... <a href="#">Read more</a>
    </p>
</article>

我有一個RSS提要， http：//www.justcode.us/feed ，我試圖提取每個RSS條目的標題和內容，並創建一個<article> 。

每個<article>用於RSS條目， <h3>是標題， <p>是正文。 <a>鏈接回到頁面文章。

有人可以幫忙嗎？

這是一個插件列表，無法正常工作，因為我需要從外部URL加載一個源（這些都使用AJAX）：

• http://jsfiddle.net/SpYk3/Pp44S/
• jFeed
• jQuery Feeds

Answer 1

我接受了克拉克森的想法並提出了意見

$.ajax({
            type: 'GET',
            url: 'feed.xml',
            dataType: 'xml',
            success: function (xml) {
                $(xml).find("item").each(function () {
                    var title = $(this).find("title").text();
                    var description = $(this).find("description").text();
                    var linkUrl = $(this).find("link_url").text();
                    var link = "<a href='" + linkUrl + "' target='_blank'>Read More<a>";
                    $('#feedContainer').append('<article><h3>'+title+'</h3><p>'+description+link+'</p>');
                });
            }
        });

然后我將文件托管在本地Web服務器上，這允許我訪問它，因為它刪除了Web瀏覽器的限制。

Answer 2

+你是什么意思？

你的意思是這個過程？

1. 解析XML

2. 獲取Title ， Description ， Link

    <item> <title>*Using CSS to Create an Image Hover*</title> <link>*http://www.justcode.us/2013/04/using-css-to-create-an-image-hover/*</link> <description>*~*</description> </item> 

3. 創建如下結構：

    <article> <h3>**Title**</h3> <p>**Description**<a href="**Link**">Read more</a> </p> </article> 

+如何處理？

1. 解析XML

   如果上面的過程是正確的，你可以像這樣使用帶有dataType: "xml" AJAX 。

   您還可以使用$.parseXML() ， 如何使用jQuery解析XML？

2. 將數據插入<article> /

   現在，我認為你有**Title** ， **Description** ， **Link**來自<item> ~ /

   您可以在文章標簽上使用id屬性，例如<article id="idx">

   如果使用循環構建結構，則idx可以是loop-num或article-num。

   一切都完成了。 現在，只需插入！ ：

    $("article#idx h3").html(**Title**); $("article#idx p").html(**Description** + "<a href=\\"" + **Link** + "\\">Read more</a>");