Parse RSS with jQuery

Question

I want to use jQuery to parse RSS feeds  Can this be done with the base jQuery library out of the box or will I need to use a plugin

User · Answer

zRSSfeed is built on jQuery and the simple theme is awesome  Give it a try

User · Answer

Use google ajax api  cached by google and any output format you want   Code sample  http   code google com apis ajax playground  load feed   lt script src  http   www google com jsapi key AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD hgq6G0  type  text javascript  gt  lt  script gt   lt script type  text javascript  gt        How to load a feed via the Feeds API      google load  feeds    1        Our callback function  for when a feed is loaded  function feedLoaded result      if   result error           Grab the container we will put the results into     var container   document getElementById  content        container innerHTML               Loop through the feeds  putting the titles onto the page         Check out the result object for a list of properties returned in each entry         http   code google com apis ajaxfeeds documentation reference html JSON     for  var i   0  i  lt  result feed entries length  i            var entry   result feed entries i         var div   document createElement  div          div appendChild document createTextNode entry title          container appendChild div                function OnLoad          Create a feed instance that will grab Digg s feed    var feed   new google feeds Feed  http   www digg com rss index xml          Calling load sends the request off   It requires a callback function    feed load feedLoaded      google setOnLoadCallback OnLoad    lt  script gt

User · Answer

Using JFeed  function getFeed sender  uri        jQuery getFeed           url   proxy php url     uri          success  function feed                jQuery sender  append   lt h2 gt                   lt a href                  feed link                  gt                 feed title                 lt  a gt                   lt  h2 gt                  var html                    for var i   0  i  lt  feed items length  amp  amp  i  lt  5  i                       var item   feed items i                    html      lt h3 gt                       lt a href                      item link                      gt                     item title                     lt  a gt                       lt  h3 gt                     html      lt div class  updated  gt                     item updated                     lt  div gt                     html      lt div gt                     item description                     lt  div gt                               jQuery sender  append html                             lt div id  getanewbrowser  gt     lt script type  text javascript  gt      getFeed     getanewbrowser     http   feeds feedburner com getanewbrowser      lt  script gt   lt  div gt

User · Answer

Use jFeed - a jQuery RSS Atom plugin  According to the docs  it s as simple as   jQuery getFeed      url   rss xml      success  function feed          alert feed title

User · Answer

UPDATE  4 25 2016  Now better written and fully supported version with more options and abilities hosted at GitHub jQRSS   I saw the Selected Answer by Nathan Strutz  however  the jQuery Plugin page link is still down and the home page for that site did not seem to load  I tried a few other solutions and found most of them to be  not only out-dated  but EASY  Thus I threw my hat out there and made my own plugin  and with the dead links here  this seems like a great place to submit an answer  If you re looking for this answer in 2012  soon to b 2013  you may notice the frustration of dead links and old advice here as I did  Below is a link to my modern plugin example as well as the code to the plugin   Simply copy the code into a JS file  amp  link it in your header like any other plugin  Use is EXTREMELY EZ   jsFiddle     Plugin Code2 9 2015 - made long overdue update to check for console before sending commands to it  Should help with older IE issues     function          if     jQRSS               extend                 jQRSS  function rss  options  func                    if  arguments length  lt   0  return false                   var str  obj  fun                  for  i 0 i lt arguments length i                          switch typeof arguments i                             case  string                               str   arguments i                               break                          case  object                               obj   arguments i                               break                          case  function                               fun   arguments i                               break                                                           if  str    null    str                              if   obj  rss    return false                      if  obj rss    null    obj rss        return false                                     var o     extend true        jQRSS defaults                    if  typeof obj     object                         if    jQRSS methods getObjLength obj   gt  0                            o     extend true  o  obj                                                            if  str        amp  amp   o rss  o rss   str                  o rss   escape o rss                    var gURL     jQRSS props gURL                          jQRSS props type                          v       jQRSS props ver                         amp q     o rss                         amp callback       jQRSS props callback                   var ajaxData                             num  o count                          output  o output                                          if  o historical  ajaxData scoring     jQRSS props scoring                  if  o userip    null  ajaxData scoring   o userip                     ajax                       url  gURL                      beforeSend  function  jqXHR  settings    if  window  console      console log new Array 30  join  -     REQUESTING RSS XML   new Array 30  join  -     console log   ajaxData  ajaxData  ajaxRequest  settings url  jqXHR  jqXHR  settings  settings  options  o     console log new Array 80  join  -                              dataType  o output     xml     json     xml                       data  ajaxData                      type   GET                       xhrFields    withCredentials  true                        error  function  jqXHR  textStatus  errorThrown    return new Array  ERROR     jqXHR  jqXHR  textStatus  textStatus  errorThrown  errorThrown                             success  function  data  textStatus  jqXHR                              var f   data  responseData     data responseData  feed     data responseData feed   null   null                              e   data  responseData     data responseData  feed     data responseData feed  entries     data responseData feed entries   null   null   null                         if  window  console                                  console log new Array 30  join  -     SUCCESS   new Array 30  join  -                                 console log   data  data  textStatus  textStatus  jqXHR  jqXHR  feed  f  entries  e                                 console log new Array 70  join  -                                                        if  fun                                return fun call this  data  responseData     data responseData  feed     data responseData feed   data responseData   null                                                     else                               return   data  data  textStatus  textStatus  jqXHR  jqXHR  feed  f  entries  e                                                                                                            jQRSS props                 callback                   gURL   http   ajax googleapis com ajax services feed                scoring   h               type   load               ver   1 0                       jQRSS methods                 getObjLength  function obj                    if  typeof obj     object   return -1                  var objLength   0                    each obj  function k  v    objLength                       return objLength                                     jQRSS defaults                 count   10      max 100  -1 defaults 100             historical  false              output   json      json  json xml  xml             rss  null       url OR search term like  Official Google Blog              userip  null                     jQuery        USE       Param ORDER does not matter  however  you must have a link and a callback function     link can be passed as  rss  in options       jQRSS linkORsearchString  callbackFunction    options       jQRSS  someUrl xml   function feed       do work          jQRSS function feed       do work        someUrl xml     count  20       jQRSS  someUrl xml   function feed       do work         count  20       jQRSS   count  20  rss   someLink xml     function feed       do work               jQRSS  Search Words Here instead of a Link   function feed       do work             TODO  Needs fixing     Options         count     default is 10  max is 100  Setting to -1 defaults to 100     historical     default is false  a value of true instructs the system to return any additional historical entries that it might have in its cache       output     default is  json    json xml  retuns json object with xmlString    xml  returns the XML as String     rss     simply an alternate place to put news feed link or search terms     userip     as this uses Google API  I ll simply insert there comment on this              Reference  https   developers google com feed v1 jsondevguide             This argument supplies the IP address of the end-user on              whose behalf the request is being made  Google is less              likely to mistake requests for abuse when they include              userip  In choosing to utilize this parameter  please be              sure that you re in compliance with any local laws               including any laws relating to disclosure of personal              information being sent

User · Answer

function url  callback        jQuery ajax           url  document location protocol      ajax googleapis com ajax services feed load v 1 0 amp num 10 amp callback   amp q     encodeURIComponent url           dataType   json           success  function data                callback data responseData feed                         http   news hitb org rss xml   function feed      Change to desired URL     var entries   feed entries  feedList           for  var i   0  i  lt  entries length  i              feedList     lt li gt  lt a href      entries i  link      gt     entries i  title     lt  a gt  lt  li gt              jQuery   feed  gt  ul   append feedList          lt div class  feed  gt           lt h4 gt Hacker News lt  h4 gt           lt ul gt  lt  ul gt   lt  div gt

User · Answer

Use Google AJAX Feed API unless your RSS data is private  It s fast  of course   https   developers google com feed

User · Answer

Superfeedr has a jquery plugin which does that very well  You won t have any Cross Origin Policy issue and the updates are propagated in realtime

User · Answer

jFeed is somewhat obsolete  working only with older versions of jQuery  It has been two years since it was updated   zRSSFeed is perhaps a little less flexible  but it is easy to use  and it works with the current version of jQuery  currently 1 4   http   www zazar net developers zrssfeed   Here s a quick example from the zRSSFeed docs    lt div id  test  gt  lt div gt    lt script type  text javascript  gt    document  ready function            test   rssfeed  http   feeds reuters com reuters oddlyEnoughNews         limit  5            lt  script gt

User · Answer

I m using jquery with yql for feed  You can retrieve twitter rss buzz with yql  I read from http   tutorialzine com 2010 02 feed-widget-jquery-css-yql    It s very useful for me

User · Answer

WARNING     The Google Feed API is officially deprecated and doesn t work anymore      No need for a whole plugin  This will return your RSS as a JSON object to a callback function   function parseRSS url  callback        ajax       url  document location protocol      ajax googleapis com ajax services feed load v 1 0 amp num 10 amp callback   amp q     encodeURIComponent url       dataType   json       success  function data          callback data responseData feed

User · Answer

Use Google AJAX Feed API unless your RSS data is private  It s fast  of course   https   developers google com feed

User · Answer

The jQuery-rss project is pretty lightweight and doesn t impose any particular styling   The syntax can be as simple as       rss-feeds   rss  http   www recruiter com feed career xml     See a working example at http   jsfiddle net jhfrench AFHfn

User · Answer

Update  Oct 15  2019    I extracted the core logic from jquery-rss to a new library called Vanilla RSS which is using the fetch API and can work without any additional dependencies   const RSS   require  vanilla-rss    const rss   new RSS      document querySelector   your-div         http   www recruiter com feed career xml                   options go here          rss render   then      gt      console log  Everything is loaded and rendered              Original   post   You can also use jquery-rss  which comes with nice templating and is super easy to use       your-div   rss  http   www recruiter com feed career xml         limit  3      layoutTemplate    lt ul class  inline  gt  entries  lt  ul gt        entryTemplate    lt li gt  lt a href   url   gt   author   date    title  lt  a gt  lt br  gt  shortBodyPlain  lt  li gt        yields  as of Sept 18  2013     lt div id  your-div  gt       lt ul class  inline  gt       lt entries gt  lt  entries gt       lt  ul gt       lt ul class  inline  gt           lt li gt  lt a href  http   www recruiter com i when-to-go-over-a-recruiter e2 80 99s-head   gt   Tue  10 Sep 2013 22 23 51 -0700  When to Go Over a Recruiter s Head lt  a gt  lt br gt Job seekers tend to have a certain  fear  of recruiters and hiring managers  and I mean fear in the reverence and respect     lt  li gt           lt li gt  lt a href  http   www recruiter com i the-perfect-job   gt   Tue  10 Sep 2013 14 52 40 -0700  The Perfect Job lt  a gt  lt br gt Having long ago dealt with the  perfect resume  namely God s  in a previous article of mine  it makes sense to consider the     lt  li gt           lt li gt  lt a href  http   www recruiter com i unemployment-benefits-applications-remain-near-5-year-low-decline-again   gt   Mon  09 Sep 2013 12 49 17 -0700  Unemployment Benefits Applications Remain Near 5-Year Low  Decline Again lt  a gt  lt br gt As reported by the U S  Department of Labor  the number of workers seeking unemployment benefits continued to sit near     lt  li gt       lt  ul gt   lt  div gt    See http   jsfiddle net sdepold ozq2dn9e 1  for a working example

User · Answer

jQuery Feeds is a nice option  it has a built-in templating system and uses the Google Feed API  so it has cross-domain support

User · Answer

I advice you to use FeedEk  After Google Feed API is officially deprecated most of plugins doesn t work  But FeedEk is still working  It s very easy to use and has many options to customize       divRss   FeedEk      FeedUrl  http   jquery-plugins net rss        With options      divRss   FeedEk     FeedUrl  http   jquery-plugins net rss     MaxCount   5    ShowDesc   true    ShowPubDate true    DescCharacterLimit 100    TitleLinkTarget   blank     DateFormat   MM DD YYYY     DateFormatLang  en

User · Answer

I agree with  Andrew  using Google is a solid  reusable way to do it with the huge benefit that you get JSON back instead of XML   An added advantage of using Google as a proxy is that services that might block your direct access to their data are unlikely to stop Google   Here is an example using ski report and conditions data   This has all of the common real world applications  1  Third party RSS XML 2  JSONP 3  Cleaning strings and string to array when you can t get the data exactly the way you want it 4  on load add elements to the DOM   Hope this helps some people    lt  -- Load RSS Through Google as JSON using jQuery -- gt   lt script type  text javascript  gt       function displaySkiReport  feedResponse            Get ski report content strings     var itemString   feedResponse entries 0  content      var publishedDate   feedResponse entries 0  publishedDate          Clean up strings manually as needed     itemString   itemString replace  Primary  N A    Early Season Conditions         publishedDate   publishedDate substring 0 17           Parse ski report data from string     var itemsArray   itemString split               Build Unordered List     var html     lt h2 gt     feedResponse entries 0  title     lt  h2 gt        html      lt ul gt         html      lt li gt Skiing Status      itemsArray 0      lt  li gt           Last 48 Hours     html      lt li gt     itemsArray 1      lt  li gt           Snow condition     html      lt li gt     itemsArray 2      lt  li gt           Base depth     html      lt li gt     itemsArray 3      lt  li gt         html      lt li gt Ski Report Date      publishedDate     lt  li gt         html      lt  ul gt            body   append html                    function parseRSS url  callback            ajax       url  document location protocol      ajax googleapis com ajax services feed load v 1 0 amp num 10 amp callback   amp q     encodeURIComponent url       dataType   json       success  function data          callback data responseData feed                                document  ready function                               Ski report         parseRSS  http   www onthesnow com michigan boyne-highlands snow rss   displaySkiReport              lt  script gt

User · Answer

lt script type  text javascript  src    js jquery jquery js  gt  lt  script gt   lt script type  text javascript  src    js jFeed build dist jquery jfeed pack js  gt  lt  script gt   lt script type  text javascript  gt      function loadFeed              getFeed               url   url http   sports espn go com espn rss news                success  function feed                       Title                     result   append   lt h2 gt  lt a href      feed link      gt     feed title     lt  a gt       lt  h2 gt                        Unordered List                 var html     lt ul gt                       feed items  each function                        var  item     this                          trace   item attr  link                          html      lt li gt                               lt h3 gt  lt a href        item attr  link        target   new  gt                              item attr  title       lt  a gt  lt  h3 gt                                lt p gt      item attr  description       lt  p gt                                  lt p gt      item attr  c date       lt  p gt                               lt  li gt                                         html      lt  ul gt                         result   append html                                    lt  script gt

User · Answer

zRSSfeed is built on jQuery and the simple theme is awesome  Give it a try

User · Answer

UPDATE  4 25 2016  Now better written and fully supported version with more options and abilities hosted at GitHub jQRSS   I saw the Selected Answer by Nathan Strutz  however  the jQuery Plugin page link is still down and the home page for that site did not seem to load  I tried a few other solutions and found most of them to be  not only out-dated  but EASY  Thus I threw my hat out there and made my own plugin  and with the dead links here  this seems like a great place to submit an answer  If you re looking for this answer in 2012  soon to b 2013  you may notice the frustration of dead links and old advice here as I did  Below is a link to my modern plugin example as well as the code to the plugin   Simply copy the code into a JS file  amp  link it in your header like any other plugin  Use is EXTREMELY EZ   jsFiddle     Plugin Code2 9 2015 - made long overdue update to check for console before sending commands to it  Should help with older IE issues     function          if     jQRSS               extend                 jQRSS  function rss  options  func                    if  arguments length  lt   0  return false                   var str  obj  fun                  for  i 0 i lt arguments length i                          switch typeof arguments i                             case  string                               str   arguments i                               break                          case  object                               obj   arguments i                               break                          case  function                               fun   arguments i                               break                                                           if  str    null    str                              if   obj  rss    return false                      if  obj rss    null    obj rss        return false                                     var o     extend true        jQRSS defaults                    if  typeof obj     object                         if    jQRSS methods getObjLength obj   gt  0                            o     extend true  o  obj                                                            if  str        amp  amp   o rss  o rss   str                  o rss   escape o rss                    var gURL     jQRSS props gURL                          jQRSS props type                          v       jQRSS props ver                         amp q     o rss                         amp callback       jQRSS props callback                   var ajaxData                             num  o count                          output  o output                                          if  o historical  ajaxData scoring     jQRSS props scoring                  if  o userip    null  ajaxData scoring   o userip                     ajax                       url  gURL                      beforeSend  function  jqXHR  settings    if  window  console      console log new Array 30  join  -     REQUESTING RSS XML   new Array 30  join  -     console log   ajaxData  ajaxData  ajaxRequest  settings url  jqXHR  jqXHR  settings  settings  options  o     console log new Array 80  join  -                              dataType  o output     xml     json     xml                       data  ajaxData                      type   GET                       xhrFields    withCredentials  true                        error  function  jqXHR  textStatus  errorThrown    return new Array  ERROR     jqXHR  jqXHR  textStatus  textStatus  errorThrown  errorThrown                             success  function  data  textStatus  jqXHR                              var f   data  responseData     data responseData  feed     data responseData feed   null   null                              e   data  responseData     data responseData  feed     data responseData feed  entries     data responseData feed entries   null   null   null                         if  window  console                                  console log new Array 30  join  -     SUCCESS   new Array 30  join  -                                 console log   data  data  textStatus  textStatus  jqXHR  jqXHR  feed  f  entries  e                                 console log new Array 70  join  -                                                        if  fun                                return fun call this  data  responseData     data responseData  feed     data responseData feed   data responseData   null                                                     else                               return   data  data  textStatus  textStatus  jqXHR  jqXHR  feed  f  entries  e                                                                                                            jQRSS props                 callback                   gURL   http   ajax googleapis com ajax services feed                scoring   h               type   load               ver   1 0                       jQRSS methods                 getObjLength  function obj                    if  typeof obj     object   return -1                  var objLength   0                    each obj  function k  v    objLength                       return objLength                                     jQRSS defaults                 count   10      max 100  -1 defaults 100             historical  false              output   json      json  json xml  xml             rss  null       url OR search term like  Official Google Blog              userip  null                     jQuery        USE       Param ORDER does not matter  however  you must have a link and a callback function     link can be passed as  rss  in options       jQRSS linkORsearchString  callbackFunction    options       jQRSS  someUrl xml   function feed       do work          jQRSS function feed       do work        someUrl xml     count  20       jQRSS  someUrl xml   function feed       do work         count  20       jQRSS   count  20  rss   someLink xml     function feed       do work               jQRSS  Search Words Here instead of a Link   function feed       do work             TODO  Needs fixing     Options         count     default is 10  max is 100  Setting to -1 defaults to 100     historical     default is false  a value of true instructs the system to return any additional historical entries that it might have in its cache       output     default is  json    json xml  retuns json object with xmlString    xml  returns the XML as String     rss     simply an alternate place to put news feed link or search terms     userip     as this uses Google API  I ll simply insert there comment on this              Reference  https   developers google com feed v1 jsondevguide             This argument supplies the IP address of the end-user on              whose behalf the request is being made  Google is less              likely to mistake requests for abuse when they include              userip  In choosing to utilize this parameter  please be              sure that you re in compliance with any local laws               including any laws relating to disclosure of personal              information being sent

User · Answer

jFeed is somewhat obsolete  working only with older versions of jQuery  It has been two years since it was updated   zRSSFeed is perhaps a little less flexible  but it is easy to use  and it works with the current version of jQuery  currently 1 4   http   www zazar net developers zrssfeed   Here s a quick example from the zRSSFeed docs    lt div id  test  gt  lt div gt    lt script type  text javascript  gt    document  ready function            test   rssfeed  http   feeds reuters com reuters oddlyEnoughNews         limit  5            lt  script gt

User · Answer

Update  Oct 15  2019    I extracted the core logic from jquery-rss to a new library called Vanilla RSS which is using the fetch API and can work without any additional dependencies   const RSS   require  vanilla-rss    const rss   new RSS      document querySelector   your-div         http   www recruiter com feed career xml                   options go here          rss render   then      gt      console log  Everything is loaded and rendered              Original   post   You can also use jquery-rss  which comes with nice templating and is super easy to use       your-div   rss  http   www recruiter com feed career xml         limit  3      layoutTemplate    lt ul class  inline  gt  entries  lt  ul gt        entryTemplate    lt li gt  lt a href   url   gt   author   date    title  lt  a gt  lt br  gt  shortBodyPlain  lt  li gt        yields  as of Sept 18  2013     lt div id  your-div  gt       lt ul class  inline  gt       lt entries gt  lt  entries gt       lt  ul gt       lt ul class  inline  gt           lt li gt  lt a href  http   www recruiter com i when-to-go-over-a-recruiter e2 80 99s-head   gt   Tue  10 Sep 2013 22 23 51 -0700  When to Go Over a Recruiter s Head lt  a gt  lt br gt Job seekers tend to have a certain  fear  of recruiters and hiring managers  and I mean fear in the reverence and respect     lt  li gt           lt li gt  lt a href  http   www recruiter com i the-perfect-job   gt   Tue  10 Sep 2013 14 52 40 -0700  The Perfect Job lt  a gt  lt br gt Having long ago dealt with the  perfect resume  namely God s  in a previous article of mine  it makes sense to consider the     lt  li gt           lt li gt  lt a href  http   www recruiter com i unemployment-benefits-applications-remain-near-5-year-low-decline-again   gt   Mon  09 Sep 2013 12 49 17 -0700  Unemployment Benefits Applications Remain Near 5-Year Low  Decline Again lt  a gt  lt br gt As reported by the U S  Department of Labor  the number of workers seeking unemployment benefits continued to sit near     lt  li gt       lt  ul gt   lt  div gt    See http   jsfiddle net sdepold ozq2dn9e 1  for a working example

User · Answer

I m using jquery with yql for feed  You can retrieve twitter rss buzz with yql  I read from http   tutorialzine com 2010 02 feed-widget-jquery-css-yql    It s very useful for me

User · Answer

Use Google AJAX Feed API unless your RSS data is private  It s fast  of course   https   developers google com feed

User · Answer

Use jFeed - a jQuery RSS Atom plugin  According to the docs  it s as simple as   jQuery getFeed      url   rss xml      success  function feed          alert feed title

User · Answer

I advice you to use FeedEk  After Google Feed API is officially deprecated most of plugins doesn t work  But FeedEk is still working  It s very easy to use and has many options to customize       divRss   FeedEk      FeedUrl  http   jquery-plugins net rss        With options      divRss   FeedEk     FeedUrl  http   jquery-plugins net rss     MaxCount   5    ShowDesc   true    ShowPubDate true    DescCharacterLimit 100    TitleLinkTarget   blank     DateFormat   MM DD YYYY     DateFormatLang  en

User · Answer

Use google ajax api  cached by google and any output format you want   Code sample  http   code google com apis ajax playground  load feed   lt script src  http   www google com jsapi key AIzaSyA5m1Nc8ws2BbmPRwKu5gFradvD hgq6G0  type  text javascript  gt  lt  script gt   lt script type  text javascript  gt        How to load a feed via the Feeds API      google load  feeds    1        Our callback function  for when a feed is loaded  function feedLoaded result      if   result error           Grab the container we will put the results into     var container   document getElementById  content        container innerHTML               Loop through the feeds  putting the titles onto the page         Check out the result object for a list of properties returned in each entry         http   code google com apis ajaxfeeds documentation reference html JSON     for  var i   0  i  lt  result feed entries length  i            var entry   result feed entries i         var div   document createElement  div          div appendChild document createTextNode entry title          container appendChild div                function OnLoad          Create a feed instance that will grab Digg s feed    var feed   new google feeds Feed  http   www digg com rss index xml          Calling load sends the request off   It requires a callback function    feed load feedLoaded      google setOnLoadCallback OnLoad    lt  script gt

User · Answer

Use jFeed - a jQuery RSS Atom plugin  According to the docs  it s as simple as   jQuery getFeed      url   rss xml      success  function feed          alert feed title

User · Answer

For those of us coming to the discussion late  starting with 1 5 jQuery has built-in xml parsing capabilities  which makes it pretty easy to do this without plugins or 3rd party services   It has a parseXml function  and will also auto-parse xml when using the   get function   E g      get rssurl  function data        var  xml     data        xml find  item   each function             var  this     this               item                     title   this find  title   text                    link   this find  link   text                    description   this find  description   text                    pubDate   this find  pubDate   text                    author   this find  author   text                       Do something with item here

User · Answer

WARNING     The Google Feed API is officially deprecated and doesn t work anymore      No need for a whole plugin  This will return your RSS as a JSON object to a callback function   function parseRSS url  callback        ajax       url  document location protocol      ajax googleapis com ajax services feed load v 1 0 amp num 10 amp callback   amp q     encodeURIComponent url       dataType   json       success  function data          callback data responseData feed

User · Answer

Superfeedr has a jquery plugin which does that very well  You won t have any Cross Origin Policy issue and the updates are propagated in realtime

User · Answer

Using JFeed  function getFeed sender  uri        jQuery getFeed           url   proxy php url     uri          success  function feed                jQuery sender  append   lt h2 gt                   lt a href                  feed link                  gt                 feed title                 lt  a gt                   lt  h2 gt                  var html                    for var i   0  i  lt  feed items length  amp  amp  i  lt  5  i                       var item   feed items i                    html      lt h3 gt                       lt a href                      item link                      gt                     item title                     lt  a gt                       lt  h3 gt                     html      lt div class  updated  gt                     item updated                     lt  div gt                     html      lt div gt                     item description                     lt  div gt                               jQuery sender  append html                             lt div id  getanewbrowser  gt     lt script type  text javascript  gt      getFeed     getanewbrowser     http   feeds feedburner com getanewbrowser      lt  script gt   lt  div gt

User · Answer

Use Google AJAX Feed API unless your RSS data is private  It s fast  of course   https   developers google com feed

User · Answer

I agree with  Andrew  using Google is a solid  reusable way to do it with the huge benefit that you get JSON back instead of XML   An added advantage of using Google as a proxy is that services that might block your direct access to their data are unlikely to stop Google   Here is an example using ski report and conditions data   This has all of the common real world applications  1  Third party RSS XML 2  JSONP 3  Cleaning strings and string to array when you can t get the data exactly the way you want it 4  on load add elements to the DOM   Hope this helps some people    lt  -- Load RSS Through Google as JSON using jQuery -- gt   lt script type  text javascript  gt       function displaySkiReport  feedResponse            Get ski report content strings     var itemString   feedResponse entries 0  content      var publishedDate   feedResponse entries 0  publishedDate          Clean up strings manually as needed     itemString   itemString replace  Primary  N A    Early Season Conditions         publishedDate   publishedDate substring 0 17           Parse ski report data from string     var itemsArray   itemString split               Build Unordered List     var html     lt h2 gt     feedResponse entries 0  title     lt  h2 gt        html      lt ul gt         html      lt li gt Skiing Status      itemsArray 0      lt  li gt           Last 48 Hours     html      lt li gt     itemsArray 1      lt  li gt           Snow condition     html      lt li gt     itemsArray 2      lt  li gt           Base depth     html      lt li gt     itemsArray 3      lt  li gt         html      lt li gt Ski Report Date      publishedDate     lt  li gt         html      lt  ul gt            body   append html                    function parseRSS url  callback            ajax       url  document location protocol      ajax googleapis com ajax services feed load v 1 0 amp num 10 amp callback   amp q     encodeURIComponent url       dataType   json       success  function data          callback data responseData feed                                document  ready function                               Ski report         parseRSS  http   www onthesnow com michigan boyne-highlands snow rss   displaySkiReport              lt  script gt

User · Answer

jQuery Feeds is a nice option  it has a built-in templating system and uses the Google Feed API  so it has cross-domain support

User · Answer

The jQuery-rss project is pretty lightweight and doesn t impose any particular styling   The syntax can be as simple as       rss-feeds   rss  http   www recruiter com feed career xml     See a working example at http   jsfiddle net jhfrench AFHfn

User · Answer

lt script type  text javascript  src    js jquery jquery js  gt  lt  script gt   lt script type  text javascript  src    js jFeed build dist jquery jfeed pack js  gt  lt  script gt   lt script type  text javascript  gt      function loadFeed              getFeed               url   url http   sports espn go com espn rss news                success  function feed                       Title                     result   append   lt h2 gt  lt a href      feed link      gt     feed title     lt  a gt       lt  h2 gt                        Unordered List                 var html     lt ul gt                       feed items  each function                        var  item     this                          trace   item attr  link                          html      lt li gt                               lt h3 gt  lt a href        item attr  link        target   new  gt                              item attr  title       lt  a gt  lt  h3 gt                                lt p gt      item attr  description       lt  p gt                                  lt p gt      item attr  c date       lt  p gt                               lt  li gt                                         html      lt  ul gt                         result   append html                                    lt  script gt

User · Answer

jFeed doesn t work in IE   Use zRSSFeed  Had it working in 5 minutes

User · Answer

Using JFeed  function getFeed sender  uri        jQuery getFeed           url   proxy php url     uri          success  function feed                jQuery sender  append   lt h2 gt                   lt a href                  feed link                  gt                 feed title                 lt  a gt                   lt  h2 gt                  var html                    for var i   0  i  lt  feed items length  amp  amp  i  lt  5  i                       var item   feed items i                    html      lt h3 gt                       lt a href                      item link                      gt                     item title                     lt  a gt                       lt  h3 gt                     html      lt div class  updated  gt                     item updated                     lt  div gt                     html      lt div gt                     item description                     lt  div gt                               jQuery sender  append html                             lt div id  getanewbrowser  gt     lt script type  text javascript  gt      getFeed     getanewbrowser     http   feeds feedburner com getanewbrowser      lt  script gt   lt  div gt

User · Answer

Using JFeed  function getFeed sender  uri        jQuery getFeed           url   proxy php url     uri          success  function feed                jQuery sender  append   lt h2 gt                   lt a href                  feed link                  gt                 feed title                 lt  a gt                   lt  h2 gt                  var html                    for var i   0  i  lt  feed items length  amp  amp  i  lt  5  i                       var item   feed items i                    html      lt h3 gt                       lt a href                      item link                      gt                     item title                     lt  a gt                       lt  h3 gt                     html      lt div class  updated  gt                     item updated                     lt  div gt                     html      lt div gt                     item description                     lt  div gt                               jQuery sender  append html                             lt div id  getanewbrowser  gt     lt script type  text javascript  gt      getFeed     getanewbrowser     http   feeds feedburner com getanewbrowser      lt  script gt   lt  div gt

User · Answer

jFeed is easy and has an example for you to test  But if you re parsing a feed from another server  you ll need to allow Cross Origin Resource Sharing  CORS  on the feed s server  You ll also need to check browser support    I uploaded the sample but still did not get support from IE in any version when I changed the url in the example to something like example com feed rss via the http protocol  CORS should be supported for IE 8 and above but the jFeed example did not render the feed   Your best bet is to use Google s API  https   developers google com feed v1 devguide  See  https   github com jfhovinne jFeed http   en wikipedia org wiki Cross-origin resource sharing http   en wikipedia org wiki Same origin policy http   caniuse com cors

User · Answer

function url  callback        jQuery ajax           url  document location protocol      ajax googleapis com ajax services feed load v 1 0 amp num 10 amp callback   amp q     encodeURIComponent url           dataType   json           success  function data                callback data responseData feed                         http   news hitb org rss xml   function feed      Change to desired URL     var entries   feed entries  feedList           for  var i   0  i  lt  entries length  i              feedList     lt li gt  lt a href      entries i  link      gt     entries i  title     lt  a gt  lt  li gt              jQuery   feed  gt  ul   append feedList          lt div class  feed  gt           lt h4 gt Hacker News lt  h4 gt           lt ul gt  lt  ul gt   lt  div gt

User · Answer

jFeed doesn t work in IE   Use zRSSFeed  Had it working in 5 minutes

User · Answer

For those of us coming to the discussion late  starting with 1 5 jQuery has built-in xml parsing capabilities  which makes it pretty easy to do this without plugins or 3rd party services   It has a parseXml function  and will also auto-parse xml when using the   get function   E g      get rssurl  function data        var  xml     data        xml find  item   each function             var  this     this               item                     title   this find  title   text                    link   this find  link   text                    description   this find  description   text                    pubDate   this find  pubDate   text                    author   this find  author   text                       Do something with item here

User · Answer

jFeed is easy and has an example for you to test  But if you re parsing a feed from another server  you ll need to allow Cross Origin Resource Sharing  CORS  on the feed s server  You ll also need to check browser support    I uploaded the sample but still did not get support from IE in any version when I changed the url in the example to something like example com feed rss via the http protocol  CORS should be supported for IE 8 and above but the jFeed example did not render the feed   Your best bet is to use Google s API  https   developers google com feed v1 devguide  See  https   github com jfhovinne jFeed http   en wikipedia org wiki Cross-origin resource sharing http   en wikipedia org wiki Same origin policy http   caniuse com cors

User · Answer

Use jFeed - a jQuery RSS Atom plugin  According to the docs  it s as simple as   jQuery getFeed      url   rss xml      success  function feed          alert feed title

[jquery] Parse RSS with jQuery

Examples related to jquery

Examples related to jquery-plugins

Examples related to rss

Examples related to feedparser