使用jQuery解析GeoRSS Feed

时间:2010-04-06 00:01:41

标签: jquery xml parsing jfeed georss

我正在尝试使用jQuery jFeed plugin来解析Atom,GeoRSS Feed,并且我遇到了提取所需信息的问题。例如,我需要提取摘要元素,我想在HTML页面上的div中呈现内容。另外,我想从georss中提取内容:点元素并将它们传递到Google Maps中,以将它们渲染为地图上的点。问题是似乎jFeed正在剥离与GeoRSS相关的信息。例如,我可以毫无问题地提取title元素,但似乎它根本不提取摘要或georss:point元素。

以下是我正在使用的XML片段:

<feed xmlns="http://www.w3.org/2005/Atom" xmlns:georss="http://www.georss.org/georss">
  <title>Search Results from DataWarehouse.HRSA.gov</title>
  <link rel="self" href="http://datawarehouse.hrsa.gov/HGDWDataWebService/HGDWDataService.aspx?service=HC&zip=20002&radius=10"/>
  <link rel="alternate" href="http://datawarehouse.hrsa.gov/"/>
  <author>
    <name>HRSA Geospatial Data Warehouse</name>
  </author>
  <id>tag:datawarehouse.hrsa.gov,2010-04-05:/</id>
  <updated>2010-04-05T19:25:28-05:00</updated>
  <entry>
    <title>Christ House</title>
    <link href="http://www.christhouse.org" />
    <id>tag:datawarehouse.hrsa.gov,2010-04-05:/D388C4C6-FFA4-4091-819B-64D67DC64931</id>
    <summary type="xhtml">
      <div xmlns="http://www.w3.org/1999/xhtml">
        <div class="vcard">
          <div class="fn org">Christ House</div>
          <div class="adr">
            <div class="street-address">1717 Columbia Rd. N.W.</div>            <span class="locality">Washington</span>,            <span class="region">District of Columbia</span>,            <span class="postal-code">20009-2803</span>
          </div>
          <div class="tel">202-328-1100</div>
        </div>
        <div>
          Categories:          <span class="category">Service Delivery Site</span>
        </div>
      </div>
    </summary>
    <georss:point>38.9243636363636 -77.0395636363637</georss:point>
    <updated>2010-04-04T00:00:00-05:00</updated>
  </entry>
</feed>

以下是我正在使用的jQuery代码:

$(document).ready(function() {
  $.getFeed({
    //url: 'http://datawarehouse.hrsa.gov/HGDWDataWebService/HGDWDataService.aspx?service=HC&zip=20002&radius=10',
    url: 'test.xml',
    success: function(feed) {
        $.each(feed.items, function(index, value) {
            $('#rssContent').append(value.title); // Set breakpoint here
        });
    }
  });
});

我在追加到rssContent div的行上设置了一个断点,并注意到feed.items中的对象没有我追求的属性。我做错了什么,或者我的设计是不是按照我想要的方式工作?

1 个答案:

答案 0 :(得分:1)

看起来jFeed只能获得少量商品。来自jFeed的来源:

...
jQuery('item', xml).each( function() {

    var item = new JFeedItem();

    item.title = jQuery(this).find('title').eq(0).text();
    item.link = jQuery(this).find('link').eq(0).text();
    item.description = jQuery(this).find('description').eq(0).text();
    item.updated = jQuery(this).find('pubDate').eq(0).text();
    item.id = jQuery(this).find('guid').eq(0).text();

    feed.items.push(item);
});
...

修改jFeed应该相对简单。查看jquery.jfeed.js中的源代码。