使用JavaScript解析RSS Feed不适用于RSS源中的所有项目

时间:2013-10-24 20:12:00

标签: javascript html xml parsing rss

所以这是我访问RSS提要的测试代码。另外,here is the RSS feed我正在尝试解析。这不是项目的最终设计,只是试图将它拼凑在一起。

当我使用c.title,c.link部分,但 NOT c.description或c.pubDate部分时,它可以正常工作。它只是说未定义。

    <!DOCTYPE html>
    <html>
    <head>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <title>not finished yet</title>

      <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>


          <script type='text/javascript' >/*
     /*
      * jGFeed 1.0 - Google Feed API abstraction plugin for jQuery
      *
      * Copyright (c) 2009 jQuery HowTo
      *
      * Licensed under the GPL license:
      *   http://www.gnu.org/licenses/gpl.html
      *
      * URL:
      *   http://jquery-howto.blogspot.com
      *
      * Author URL:
      *   http://me.boo.uz
      *
      */
     (function ($) {
         $.extend({
             jGFeed: function (url, fnk, num, key) {
                 if (url == null) {
                     return false;
                 }
                 var gurl = "http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q=" + url;
                 if (num != null) {
                     gurl += "&num=" + num;
                 }
                 if (key != null) {
                     gurl += "&key=" + key;
                 }
                 $.getJSON(gurl, function (data) {
                     if (typeof fnk == "function") {
                         fnk.call(this, data.responseData.feed);
                     } else {
                         return false;
                     }
                 });
             }
         });
     })(jQuery);</script>




<script type='text/javascript'>

    $(window).load(function () {
        $.jGFeed('http://www.scarletknights.com/rss/rss.asp?sportid=1',
            function (feeds) {
                if (!feeds) {
                    alert('Trouble getting RSS feed :(');
                    return false;
                }
                for (var i = 0; i < feeds.entries.length; i++) {
                    var entry = feeds.entries[i];
                    console.log(entry);
                    // Entry title
                    $('#results').append('<h1>' + entry.title + '</h1>' + '<br/>');
                }
            }, 10);

    });
</script>

    </head>
    <body>
      <div id="results"></div>


    </body>


    </html>

2 个答案:

答案 0 :(得分:1)

您对Feed本身和Google Feed API为您提供的(已处理的)返回JSON感到困惑。请记住,Google的Feed API不会返回与Feed格式相同的格式。

查看您要求的the documentation for the JSON return,您会看到entries数组中项目的可用属性;它们包含titlelink,但不包括descriptionpubDatecontentcontentSnippet可能是您距description最近的地方; publishedDate将是Feed中的pubDate

Google这样做是因为他们的Feed API可以解析RSS而不是RSS;它还解析Atom,并从两种类型的feed中以一致的格式返回一个对象,以使您的生活更轻松。

答案 1 :(得分:1)

当您使用的Feed包含名为titlelinkdescriptionpubDate的字段时,您会通过Google的API传递该数据。您可以查看完整文档here,但您想要的字段称为titlelinkcontentSnippetpublishedDate

以下是您的代码的工作示例:http://jsfiddle.net/LacE5/3/