Sajauciet Ajax Into HTML ar Intercooler.js
Tas nekad nav bijis vieglāk pievienot Ajax jebkurai tīmekļa vietnei. Patiesībā tas ir diezgan bieži, lai izveidotu visas tīmekļa vietnes ap Ajax pieprasījumiem sauc Vienlapu lietojumprogrammas (vai ĪAT).
Tomēr tas vienmēr ir prasījis mazliet jQuery un dažus tehniskus risinājumus atjaunināt lapas saturu. Ja jums tikai nepieciešams pamata Ajax funkcionalitāte tu vari izmantot intercooler.js sajaukt šo tiesības savā HTML.
Starpdzesētājs ļauj rakstīt HTML atribūtus sākotnēji satur Ajax pieprasījuma URL. Kad lietotāji noklikšķina uz noteiktām saitēm, varat to diktēt Ajax pieprasījumi darbojas parastās klikšķu darbības vietā.
Tas viss balstās uz HTML5 datu * atribūtiem piemēram, ic-post-to. Jūs varat pievienot šo atribūtu pogai vai enkura saitei, un tā būs automātiski izveido savienojumu ar jQuery par Ajax POST pieprasījumu.
Faktiski ir lapa pilns ar šiem atribūtiem spraudņa vietnē. Šeit ir mazliet parauga kods lai redzētu, kā tas izskatās:
Noklikšķiniet uz Mani!
Tas būtu nosūtiet URL uz Ajax POST pieprasījumu / buton_click, un ielādēt atbildi konteinera elementā. Starpdzesētājs ir diezgan vienkārša bibliotēka un neticami spēcīga, kad jūs saprotat, kā tā darbojas.
Piešķirot, tas neatrisinās visas jūsu Ajax problēmas, jo tā nevar automātiski atjaunināt citas lapas lapas. Tas arī nevar pievienot pārāk daudz pielāgotu funkciju palēninot lapu, tāpēc tas ir detalizēts SPA patiešām izmantot pielāgotu Ajax kodu.
Intercooler.js piedāvā a vairāk semantisks veids, kā rakstīt Ajax kodu tā, lai tā ielādētu un pat piedāvā vietējo rezerves.
Uz uzstādīt starpdzesētāju jums vienkārši nepieciešams jQuery kopija kopā ar a starpdzesētāja bibliotēkas kopija kas atrodas GitHub. Jūs pat varat pārbaudi bez lejupielādes visus failus, izmantojot jQuery CDN un vietējo Intercooler CDN.
Ievietojiet abus >
Palieciet uz demo lapa lai redzētu a pilns demo saraksts jūs varat spēlēt ar. Man īpaši patīk demo "Noklikšķiniet uz rediģēt", jo tas parāda tieši to, kas ir iespējams un cik tālu jūs varat veikt šo spraudni.
Ja jūs interesē uzzināt vairāk izbraukšana atsauces rokasgrāmata pilns ar starpdzesētāju HTML atribūtiem. Katrs veic citu darbību tāpēc ir svarīgi pētīt tos visus un redzēt, kas vislabāk jūsu scenārijam.
Protams, jūs varat atrast visu avota kodu bez maksas GitHub kopā ar a īss instalācijas ceļvedis.
