Lector RSS con AJAX y JQUERY

rss_reader.js


Este es el archivo que contiene las funciones para cargar el RSS

$(document).ready(function (){//cuando el documento este listo
 //inicio la url de donde estará la dirección del rss
   //var url="blog.xml";
   //var url="http://www.sporthotels.ad/blog/?feed=rss2";
   var url="blog.php";
   cargar_pagina(url, "#rss");//función que carga el rss (el#, es para indicar que es un id)
});
function cargar_pagina(url,id_contenedor){
   var xml = $.ajax({//comienzo el AJAX y le asigno sus propiedades
      url: url,// la url
      success: function(xml){// cuando tenga éxito
         $(id_contenedor).html("");//borro el mensaje cargando...
         cargar_rss(xml, id_contenedor);//llamo la función que me mostrara las entradas
}
   });
}
function cargar_rss(xml, id_contenedor){
var limit = xml.getElementsByTagName('item').length;//obtengo la cantidad de entradas
   var rss = "";//comienzo el string
   for (var l=1; l<=limit; l++){// un for desde 1 hasta la cantidad de entradas
      //obtengo titulo vinculo fecha de publicación y descripción
      var title = xml.getElementsByTagName('title').item(l).firstChild.data;
      var url = xml.getElementsByTagName('link').item(l).firstChild.data;
      var pubDate = xml.getElementsByTagName('pubDate').item(l).firstChild.data;
      var description = xml.getElementsByTagName('description').item(l).firstChild.data;
      var date = pubDate.split(" +");//no se para que pero estaba en el tutorial
      //rss = ""+date[0]+"
"+title+"
"+description+"
";//relleno el string con la información
   rss = ""+title+""
      $(id_contenedor).append(rss);//lo agrego en el contenedor
   }
}

En el header de la pagina incluir el js de esta forma:

Y este es el código que va en la página en la que se quieran ver las entradas del RSS

    

    Cargando...
    
  

Hay que cargar las librerias JQuery antes que nada.