Mix Ajax Into HTML cu Intercooler.js
Nu a fost niciodată mai ușor adăugați Ajax la orice site web. De fapt, este destul de comună construirea unor site-uri web întregi bazate pe solicitările Ajax denumit Aplicații pentru o singură pagină (sau SPA-uri).
Cu toate acestea, acest lucru a necesitat întotdeauna un pic de jQuery și unele certuri tehnice la actualizați conținutul paginii. Dacă ai nevoie de ceva funcționalitatea Ajax de bază poți să folosești intercooler.js pentru a amesteca acest drept în HTML.
Intercooler vă permite să scrieți atribute HTML nativă conține adrese URL de solicitare Ajax. Când utilizatorii dau clic pe anumite linkuri, puteți să le dictați Ajax cererile rulează în loc de acțiunea normală a clicurilor.
Toate astea se bazează pe atributele de date HTML * precum IC-post-to. Puteți adăuga acest atribut la un buton sau la o legătură de ancoră, și asta se va întâmpla conectați automat la jQuery pentru o solicitare Ajax POST.
Există de fapt o pagină plin de aceste atribute pe site-ul pluginului. Iată puțin cod simplu pentru a vedea cum arată:
Faceți clic pe mine!
Asta ar trimiteți o solicitare Ajax POST la adresa URL / buton_click, și încărcați răspunsul în elementul containerului. Intercooler este o bibliotecă destul de simplă și incredibil de puternică odată ce înțelegi cum funcționează.
Dat fiind faptul că acest lucru nu va rezolva toate problemele Ajax, pentru că nu poate actualiza automat alte zone ale paginii. De asemenea nu pot adăuga prea multe funcții personalizate fără a încetini pagina, deci un detaliu SPA ar trebui cu adevărat utilizați codul Ajax personalizat.
Intercooler.js oferă a mod mai semantic pentru scrierea codului Ajax astfel încât să se încarce și chiar să ofere o rezervă nativă.
La instalați intercooler ai nevoie doar de copie a jQuery împreună cu a copie a bibliotecii intercoolere care poate fi găsit pe GitHub. Puteți chiar test fără descărcare orice fișiere utilizând un jQuery CDN și intercoler local CDN.
Puneți ambele în a >
Luați o privire la pagina demo pentru a vedea a lista completă a demo-urilor cu care poți juca. Îmi place mai ales demo-ul "Faceți clic pentru a edita", deoarece arată exact ce este posibil și cât de departe puteți lua acest plugin.
Dacă sunteți interesat afla mai mult verificați ghid de referință plin de atribute HTML intercooler. Fiecare efectuează o acțiune diferită deci este crucial să le studiem pe toți și să vedem ce se potriveste cel mai bine pentru scenariul tău.
Bineînțeles, puteți găsi tot codul sursă gratis pe GitHub împreună cu un ghid de instalare scurt.
