Blog

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.