RSS v Ajaxu

12. února 2010 | Autor: Jindřich | komentáře

V tomto článku bych vám rád ukázal jak jednoduše vložit RSSko na stránky pomocí AJAXu.
Proč zrovna pomocí AJAXu?
Už se vám někdy stalo, že se vám vaše stránky dlouho načítají nebo v horším případě vůbec nenačetly kvůli „závislosti“ na jiném webu, který má zrovna výpadek? Tak právě proto AJAX.
Osobně jsem AJAXu odolával dlouhou dobu, než jsem poznal, že se není čeho bát a dá se využít na spoustu věcí, které jsme předtím museli složitě obcházet, abychom docílili kýženého výsledku. Jenom pamatujte na starou známou pravdu „nic se nemá přehánět“, jinak „zdrojáky“ přerostou přes hlavu ;) Řečí a pouček bylo dost, proto se pustíme do práce. Jak víte AJAX je …

Jedním z mnoha webů, kde jsme pro zobrazení RSSka použili tuto „technologii“ je www.tvorime.cz (pravý sloupec zprávy z twitter.com)

jak jste se mohli dočíst na wikipedii jde o javascript a v naší firmě pro jeho používání „vládne“ jQuery, se kterým se práce v tomto skriptovacím jazyce stala zábavou.

Abychom mohli využívat jQuery, musíme si stáhnout výše zmíněnou javascriptovou knihovnu jQuery a přidat ji do stránek.

O stažení a zpracování samotného RSSka se zde zmiňovat nebudu, protože o tom bylo naspáno spousta článku třeba tento na intervalu já zde jenom ukážu samotné „umístění“ vytvořeného HTML bloku.

Do stránek vložte javascriptovou funkci

 <script>Twitter()</script>
<div id="twitter"> </div>

samotná funkce vypadá takto

function Twitter() {
 $.get(
  "/twitter", //skript či URL na které najdeme HTML blok s aktuálním RSSkem
  function(data){
    /*
   podmínka pro zajištění jestli vygenerovaná data obsahuje určitou část řetezce,    která nám zajistí správnost dat
   */
   if (data.indexOf('a href="http://www.twitter.com/MartinVlk"') > 0) {
    // vložení HTML do divu s id „twitter“
    $("#twitter").append(data);
    // zaktivnění divu s id „twitter“
    $("#twitter").show();
   }
  }
 );
}