msites.net

Lesezeichen von Delicious mit jQuery auslesen

Lesezeichen organisieren

Delicious bietet eine sehr komfortable Lösung wenn es darum geht, seine Favoriten Lesezeichen Bookmarks computer- und browserunabhängig zu speichern.

Mit einigen einfachen Zeilen JavaScript Code können die abgelegten Bookmarks sogar in den eigene Blog oder jeden anderen Internetauftritt eingebunden werden. Besonders schnell funktioniert dies, wie das folgende Beispiel zeigt, mit der jQuery-Bibliothek.

Einfaches Beispiel

Das Delicious-API kann über eine JSON-Anfrage angesprochen werden. Die gelieferten Daten können anschliessend für eine Anzeige aufbereitet und ausgegeben werden.

$.getJSON("http://feeds.delicious.com/v2/json/swissManu?jasoncallback=?&callback=?",
  function(data) {
    $.each(data, function(i,item) {
      var url = item.u;
      var title = item.d;
      var notes = item.n;
      var tags = item.t; // Array with all tags
      var date = item.dt;
      var link = $("<a/>").attr("href",url).attr("title",title).html(title);
 
      $("ul#bookmarks").append($("<li/>").append(link));
    });
  });

Diese Zeilen holen per JSON die neusten Bookmarks auf meinem Account und geben diese verpackt in der Aufzählungsliste mit der ID bookmarks aus.

Komplexer gehts auch

Hier gibt es ein komplexeres Beispiel welches unter anderem das Eingeben eines Benutzernamens erlaubt und des weiteren eine Gruppierung nach Datum beinhaltet.

API Dokumentation

Delicious bietet aber noch mehr. Unteranderem können Tags ausgelesen, Bookmarks hinzugefügt und gelöscht werden.
Nähere Informationen hierzu gibt es in der offiziellen API-Dokumentation (leider nur in Englisch) bei Delicious.

Neuen Kommentar schreiben