22.042013

Mithilfe von jQuery einen RSS Feed verarbeiten

Heute zeige ich euch, wie ihr ganz einfach eine RSS Feed auslest und ihn verarbeiten könnt. Alles was wir dazu brauchen in ein bisschen jQuery. Die $.get() Funktion um genau zu sein.

Das ganze funktioniert wie folgt. Die get Funktion ruft den RSS Feed ab.

$.get(
  'yourFeedUrl',
  function (XMLmediaArray) {
    $(XMLmediaArray).find('item').each(function() {
      var item = $(this);

      var title = item.find('title').text();
      var description = item.find('description').text();
      var link = item.find('link').text();
      var image = item.find('enclosure[type="image/jpeg"]').attr('url');
    });
  }
);

Haben wir den Feed können wir jetzt jeden einzelnen Artikel durch gehen und uns die benötigten Daten zum Artikel auslesen. Das funkioniert durch die $.find() Funktion von jQuery, die alle Elemente mit dem angegebenen Selektor zurück gibt. Diese werden dann mit $.each() einzelt durchgegangen und ausgelesen. Da es sich um eine XML Struktur handelt müssen wir mit $.text() arbeiten und nicht etwa $.val() um die Daten auslesen.