Close
Få ett RSS-flöde direkt in på en webbsida endast med javascript

Läsa in RSS som JSON på webbsida

Med god hjälp av min forna kollega Johan Säll Larsson fick jag idag till att hämta ett RSS-flöde och skriva ut det på en webbsida. Komponenterna är Javascript, jQuery och transformeringen från RSS till JSON görs av Googles API.

Exempel på app för vårdgivardokumentionNästa steg är att bygga in detta i en HTML5-app för mobiler som vi tar fram prototyp för på jobbet. Appen slängde jag ihop på en dryg timme och det är fortfarande mycket som saknas. Troligtvis kommer någon extern person slutföra det hela.

Poängen är i alla fall att få tag i riktlinjer, så kallade vårdprogram, efter olika diagnosområden. Med andra ord behöver vi i dagsläget hämta dokument som publiceras via RSS från dokumenthanteringssystemen Alfresco och Barium direkt in till appen och detta är ett sätt när JSON saknas som alternativ.

Vill du provklicka min snabbhackade mobila webbapp finns den här »

Kodexempel för att skriva ut RSS på webbsida

<html>
<head>
<script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script>
function parseRSS(url, callback) {
  $.ajax({
   async: false,
   url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&num=4&q=' + encodeURIComponent(url),
   dataType: 'json',
   success: function(data) {
    callback(data.responseData.feed);
   }
  });
 }

parseRSS('http://webbstrategiforalla.se/feed/', function(result) {
  //console.log(result);
  for ( var i = 0; i < result.entries.length; i++ ) {
    //console.log(result.entries[i]);

    $("#nyheter").append("<li><a href=\"" + result.entries[i].link + "\">" + result.entries[i].title + "</a></li>");
}
  });
</script>
<link href="http://webbfunktion.com/content/style.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Test att läsa RSS till webbsida med jQuery</h1>
<ul id="nyheter"></ul>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.