Leer Feeds facilmente con javascript mediante Google AJAX Feed API

El equipo de desarrolladores de Google han lanzado el “Google AJAX Feed API“ el cual es una API que nos permite leer cualquier feed RSS o Atom público unicamente con javascript ademas de que podemos interactuar con otras APIs de Google como puede ser Google Maps.

Si bien sabemos que el uso de Javascript y XMLHttpRequest nos restringen el acceso unicamente a datos del mismo host que contiene la página HTML, esta API nos ofrece la posibilidad de pasar sobre esta restricción mediante el uso de los feeds.

Cabe mencionar que el API puede regresar los datos en formato JSON y XML (predeterminado es JSON) e incluso podemos obtener una combinación de ambos formatos.

Para poder utilizar el API como en todas las demas debemos generarnos una API Key la cual puedes obtener en esta dirección. Esta API me parece muy util ya que los desarrolladores podemos darle muchos usos ademas de que realmente es sencilla de utilizar.
La manera de incluirla en nuestra web es la siguiente:

<script type="text/javascript">
    google.load("feeds", "1");
 
    function initialize() {
      var feed = new google.feeds.Feed("http://feeds.feedburner.com/Webadictosmx");
      feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          var html="";
                  html+="<ul>";
                  for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
                        html+=‘<li>’;
                        html+=‘<p>’;
                        html+=‘<a href="’+entry.link+‘" target="_blank">’+entry.title+‘</a>’;
                        html+=‘<br />’;
                        html+=entry.contentSnippet;
                        html+=‘</p>’;
                        html+=‘</li>’;
          }
                  html+="<ul>";
                  container.innerHTML=html;
        }
      });
    }
    google.setOnLoadCallback(initialize);
    </script>

Como ven es bastante sencilla su utilización. Una utilidad práctica de esto puede ser el compartir nuestros feeds para que los usuarios puedan publicar nuestros post en sus sitios.

Asi que si a alguno de ustedes le interesa mostrar nuestros post pongo a su disposición la descarga de este ejemplo nada mas no olviden generar su API Key ya que google genera una key por dominio.

Ver Ejemplo

Mas información de Google AJAX Feed API

Visto en Ajaxian

Compartelo con tus amigos:

Compartelo!

Otros Enlaces Relacionados:

¿Te pareció interesante la nota?, registrate a nuestro Feed para que estes al dia con las últimas notas que publicamos en WebAdictos, tambien te invitamos a explorar nuestros archivos tal vez encuentres notas y recursos que te sean de utilidad.

Si lo prefieres puedes utilizar el botón de post aleatorio para ir saltando entre nuestros contenidos.
Gracias por visitarnos.

Jueves, 19 de Abril de 2007 a las 12:57 am
General, Javascript, Librerias
API, Feed, Google, Javascript, libreria

meneame.net
Abril 28th, 200710:40 pm

Google Ajax Feed Api…

noticia de la publicacion de la nueva api de google…

Problema con caracteres - Foros del Web
Septiembre 5th, 200710:19 am

[...] tratando con php, habiendo lectores de rss desde js que se adaptan mejor (desde usando la api de google, hasta ajax con jQuery y su funcion ajax>load) __________________ <!–En la web nada se [...]