Mix Ajax do HTML s Intercooler.js
Nikdy nebolo jednoduchšie pridajte Ajax na ľubovoľnú webovú stránku. V skutočnosti je celkom bežné stavať celé webové stránky založené na požiadavkách Ajaxu volal Jednostránkové aplikácie (alebo SPA).
Avšak toto vždy vyžadovalo trochu jQuery a niektoré technické spory aktualizovať obsah stránky. Ak potrebujete nejaké základné funkcie Ajaxu môžeš použiť intercooler.js zmiešať to priamo do kódu HTML.
Intercooler vám umožňuje písať atribúty HTML obsahujú adresy URL služby Ajax. Keď používatelia kliknú na určité odkazy, môžete to diktovať Požiadavky Ajaxu prebiehajú namiesto bežného kliknutia.
To všetko spolieha sa na atribúty HTML5-data-* ako napr ic-post-to. Tento atribút môžete pridať k tlačidlu alebo k ukotveniu odkazu automaticky pripojiť do jQuery pre žiadosť Ajax POST.
Je tu vlastne stránka plná týchto atribútov na webovej stránke pluginu. Tu je trochu vzorový kód vidieť, ako to vyzerá:
Klikni na mňa!
To by bolo pošlite požiadavku Ajax POST na adresu URL / buton_click, a nahrajte odpoveď do kontajnerového prvku. Intercooler je dosť jednoduchá knižnica a neuveriteľne silná, akonáhle pochopíte, ako to funguje.
Pripustite, že to nebude riešiť všetky vaše problémy Ajax, pretože nemôže automaticky aktualizovať ďalšie oblasti stránky. To tiež nemôže pridať príliš veľa vlastných funkcií bez spomalenia stránky, tak detailné SPA by mal naozaj použite vlastný kód Ajaxu.
Intercooler.js ponúka a viac sémantický spôsob písania kódu Ajaxu takže sa načíta a dokonca ponúka natívnu alternatívu.
na nainštalujte medzichladič stačí len kópiu jQuery spolu s a kópiu knižnice medzichladiča ktoré nájdete na stránke GitHub. Môžete dokonca test bez sťahovania všetky súbory pomocou jQuery CDN a lokálneho Intercooler CDN.
Vložte oba do a >
Pozrite sa na demá stránka vidieť a úplný zoznam ukážok s ktorými môžete hrať. Obzvlášť sa mi páči demo kliknutím na tlačidlo "Editovať", pretože zobrazuje presne to, čo je možné a ako ďaleko môžete tento plugin prijať.
Ak vás zaujíma učiť sa viac pozrite sa na referenčná príručka plné atribútov HTML intercooler. Každý jeden vykoná inú akciu takže je dôležité, aby ste ich preskúmali a pozreli najlepšie pre váš scenár.
Prirodzene, môžete nájsť všetok zdrojový kód zadarmo na GitHub spolu s stručný návod na inštaláciu.
