Mix Ajax do HTML s Intercooler.js

Nikdy nebylo snazší přidat Ajax na jakékoli webové stránky. Ve skutečnosti je to docela běžné budovat celé webové stránky založené na žádostech Ajaxu volal Jednostránkové aplikace (nebo SPA).

Nicméně to vždy vyžadovalo trochu jQuery a některé technické hádky aktualizovat obsah stránky. Pokud potřebujete něco základní funkce Ajax Můžeš použít intercooler.js smíchat to přímo do HTML.

Intercooler umožňuje psát HTML atributy, které obsahují adresy URL požadavku Ajax. Když uživatelé kliknou na určité odkazy, můžete to diktovat Požadavky na Ajax běží namísto normální akce kliknutí.

To vše spoléhá na HTML5 data- * atributy jako ic-post-to. Tento atribut můžete přidat na tlačítko nebo odkaz na ukotvení a bude to automaticky se připojte do jQuery pro požadavek POST Ajax.

Je tu vlastně stránka těchto atributů na webové stránce pluginu. Tady je trochu ukázkový kód jak to vypadá:

Klikni na mě!

To by bylo odeslat žádost o dotaz Ajax POST na adresu URL / buton_click, a načtěte odpověď do kontejnerového prvku. Intercooler je velmi jednoduchá knihovna a neuvěřitelně výkonná, jakmile pochopíte, jak to funguje.

Je pravda, že to nevyřeší všechny vaše problémy Ajax, protože to nelze automaticky aktualizovat další oblasti stránky. To také nelze přidat příliš mnoho vlastních funkcí bez zpomalení stránky, takže podrobný LÁZNĚ opravdu použít vlastní kód Ajax.

Intercooler.js nabízí a více sémantický způsob psaní kódu Ajax tak, že načte a dokonce nabídne nativní nouzový východ.

Na nainstalovat intercooler stačíš kopie jQuery spolu s kopie knihovny intercooler které lze nalézt na GitHub. Můžete dokonce test bez stažení všechny soubory pomocí jQuery CDN a místní Intercooler CDN.

Dej oba do > štítek v záhlaví stránky, a pak stačí umístit atributy HTML kdekoli chcete!

Podívejte se na stránka dema vidět a úplný seznam dema můžete hrát s. Obzvláště se mi líbí demo 'Click to Edit', protože zobrazuje přesně to, co je možné a jak daleko můžete tento plugin použít.

Pokud máte zájem učení více podívejte se na Referenční příručku plné intercooler HTML atributů. Každý provede jinou akci je tedy důležité je všechny studovat a zjistit, co nejlépe padne pro váš scénář.

Samozřejmě můžete najít všechny zdrojové kódy zdarma na GitHub spolu s stručný návod k instalaci.