Main Menu

browser lang:en

Users Area

today cache size is:223155

rss 2.0 for all sections

Portfolio

Some of my projects:
CTIBA
MA-NO Web Agency
BluPool
L'Pratone
Travel in Hotel
Yacht Elements
AbruzzoWeb
Il Mastino
CSI Teramo
Innovazione S.p.a.

Commenti

Aiuto
04/09/2010 by ProgXalpha

19/08/2010 by
ciao jackall
17/07/2010 by marco
aiuto
17/07/2010 by marco
RE: Domanda
08/05/2010 by holyguard
Domanda
05/05/2010 by pryons
Ringraziamento
15/04/2010 by Yuriy, webmaster
edu
12/04/2010 by eduala@libero.it

RAPIDQ

Rapid-Q:The lost files
My old library where i have collected all the rapidq scripts and italian help

Today my pagerank is:

Google Ajax Feed API - Feed esterni sul nostro sito con Javascript

Post date:01/12/2008 - Posted by

admin

Abbiamo recentemente parlato di Cross Domain Scripting con Jquery e JSON-P, una metodologia di trasporto dei dati da un dominio all'altro che sfrutta JSON.

Oggi voglio introdurvi all'uso delle Google Ajax Feed API che ci permettono di trasportare sul nostro sito qualsiasi Feed con javascript, senza avere problemi di Crosso Domain Scripting.

Iniziare ad usare Google Ajax Feed API vuol dire che qualcuno si prende cura del lavoro più crudele, ovvero il recupero e l'immagazinamento del tanto desiderato feed RSS da mostrare, il tuo compito è solo imparare ad usare JavaScript per accedere alle informazioni e mostrarle. Indipendentemente da ciò che stai cercando di fare con i conseguenti dati, il processo di base è sempre lo stesso. Lo spiego in 3 semplici passaggi:

Passaggio 1: Crea la tua (gratuita) chiave API di Google immediatamente, andando alla loro pagina di iscrizione, e digitando il dominio del sito che userai per questo script. Una chiave che è super-super-lunga ed è generata in modo che funzionerà solo per quel dominio.

Fase 2: Inserisci il seguente script nella sezione HEAD della pagina, in primis i riferimenti API di Google Code (obbligatorio), poi carichi la versione 1 (attualmente la versione più recente) del feed Ajax API:


<head>
<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR-API-KEY">
</script>
  <script type="text/javascript">
  google.load("feeds", "1") //Load Google Ajax Feed API (version 1)
  </script>
  </head>

Fase 3: Ora che hai accesso a Google Ajax Feed API sulla tua pagina, quello che devi fare è utilizzare JavaScript per caricare il feed RSS desiderato, quindi recuperare e visualizzare i risultati nel modo desiderato. Ad esempio:

<div id="feeddiv"></div>
<script type="text/javascript">
var feedcontainer=document.getElementById("feeddiv")
  var feedurl="http://rss.slashdot.org/Slashdot/slashdot"
  var feedlimit=5
  var rssoutput="<b>Ultime news da Slashdot:</b><br /><ul>"
  function rssfeedsetup(){
  var feedpointer=new google.feeds.Feed(feedurl) //Google Feed API method
  feedpointer.setNumEntries(feedlimit) //Google Feed API method
  feedpointer.load(displayfeed) //Google Feed API method
  }
  function displayfeed(result){
  if (!result.error){
  var thefeeds=result.feed.entries
  for (var i=0; i<thefeeds.length; i++  )
  rssoutput ="<li><a href='"+thefeeds[i].link+"'>"+thefeeds[i].title+"</a></li>"
  rssoutput ="</ul>"
  feedcontainer.innerHTML=rssoutput
  }
  else
  alert("Error fetching feeds!")
  }
  window.onload=function(){
  rssfeedsetup()
  }
</script>

Risultato:

È possibile sostituire l'URL del feed RSS con qualsivoglia valido, e modificare il numero di voci per mostrare il tutto in maniera lineare. Il codice in rosso comporta invocare i metodi disponibili in Google Ajax Feed API per caricare/scaricare i feed RSS prima di emettere il risultato utilizzando la funzione di call back, in questo caso, displayfeed.

Ora che si conosce la procedura di base per l'utilizzo di Google Ajax Feed API, è il momento di dare una vista a Google e studiarsi meglio l'API per vedere che cosa potete fare con essa.