javascript - 使用 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 提要

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

   如果上面的过程是正确的，你可以像这样AJAX使用。dataType: "xml"

   您还可以使用$.parseXML()How to parse XML using jQuery?

2. 插入数据到<article> /

   现在，我想你得到了**Title**, **Description**,**Link**来自<item> ~ /

   您可以id在文章标签上使用属性，例如 <article id="idx">

   如果您使用循环构建结构，idx可以是循环编号或文章编号。

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

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