Mix Ajax v HTML z Intercooler.js
Nikoli ni bilo lažje dodajte Ajax na katero koli spletno mesto. Pravzaprav je zelo pogosto ustvariti celotne spletne strani temelji na Ajaxovih zahtevah imenuje Aplikacije na eni strani (ali POV).
Vendar je to vedno zahtevalo malo jQuery in nekaj tehničnih prepir posodobite vsebino strani. Če potrebujete samo nekaj osnovna funkcionalnost Ajaxa lahko uporabiš intercooler.js to pravico zmešate v HTML.
Intercooler omogoča pisanje atributov HTML izvorno vsebujejo URL-je zahtev Ajax. Ko uporabniki kliknejo določene povezave, lahko to narekuje Zahteve Ajaxa se zaženejo namesto običajnega dejanja klika.
To je vse temelji na podatkih HTML5 - * kot naprimer ic-post-to. Ta atribut lahko dodate tipki ali sidrni povezavi in to bo samodejno vzpostavi povezavo z jQuery za zahtevo POST Ajax.
Pravzaprav je stran polni teh lastnosti na spletnem mestu vtičnika. Tukaj je malo vzorčna koda da vidite, kako izgleda:
Kliknite Me!
To bi pošljite zahtevo POST Ajax na URL / buton_click, in naložite odgovor v vsebnik. Intercooler je zelo preprosta knjižnica in neverjetno močna, ko razumete, kako deluje.
To vam ne bo pomagalo rešiti vseh vaših Ajaxovih problemov drugih področij strani ni mogoče samodejno posodobiti. Tudi ne morem dodati preveč funkcij po meri brez upočasnjevanja strani, tako podrobno SPA resnično uporabite prilagojeno Ajax kodo.
Intercooler.js ponuja a bolj semantični način za pisanje Ajax kode tako, da se naloži in celo ponudi domorodni nadomestni način.
Za namestite hladilnik potrebujete samo a kopijo jQuery skupaj z kopijo intercooler knjižnice ki jih lahko najdete na GitHubu. Lahko celo test brez prenosa vse datoteke z uporabo jQuery CDN in lokalnega intercoolerja CDN.
Vnesite oba v a >
Pokukajte na stran s predstavitvami za prikaz a celoten seznam predstavitev z njimi se lahko igrate. Posebej mi je všeč demo »Klikni za urejanje«, ker prikazuje točno kaj je mogoče in kako daleč lahko vzamete ta vtičnik.
Če vas zanima učenje več Oglejte si referenčni vodnik poln atributov HTML med polnilom. Vsak izvede drugačno dejanje zato je ključnega pomena, da jih vse preučimo in vidimo kaj najbolje ustreza za vaš scenarij.
Seveda lahko najdete vse izvorne kode brezplačno na GitHub skupaj z kratek priročnik za namestitev.
