Pomiješajte Ajax u HTML s Intercooler.js

Nikada nije bilo lakše dodajte Ajax na bilo koju web-lokaciju. Zapravo je prilično uobičajeno graditi cijele web-lokacije na temelju zahtjeva Ajaxa zvao Aplikacije s jednom stranicom (ili SPA).

Međutim, to je oduvijek zahtijevalo malo jQuery-a i nekih tehničkih nesuglasica ažurirajte sadržaj stranice. Ako ti samo treba nešto osnovna Ajax funkcionalnost možeš koristiti intercooler.js miješati to pravo u HTML.

Intercooler omogućuje pisanje atributa HTML-a izvorno sadrže URL-ove zahtjeva Ajaxa. Kada korisnici kliknu određene veze, to možete diktirati Ajax zahtjevi se pokreću umjesto uobičajene akcije klika.

Ovo je sve oslanja se na HTML5 podatke - * atribute kao što su IC-post-u. Ovaj atribut možete dodati gumbu ili vezu sidra, a to će i učiniti automatski se povezuje u jQuery za Ajax POST zahtjev.

Zapravo postoji stranica puno tih atributa na web-mjestu dodatka. Evo malo uzorak koda vidjeti kako izgleda:

Kliknite Me!

To bi pošaljite Ajax POST zahtjev na URL / buton_click, i učitajte odgovor u element kontejnera. Intercooler je prilično jednostavna knjižnica i nevjerojatno moćna kada shvatite kako to radi.

Odobren to neće riješiti sve vaše Ajax probleme jer to ne mogu automatski ažurirati druga područja stranice. Također ne može dodati previše prilagođenih značajki bez usporavanja stranice, tako detaljno SPA doista koristiti prilagođeni Ajax kod.

Intercooler.js nudi a više semantičkog načina za pisanje Ajax koda tako da se učitava, pa čak i nudi izvornu povratnu spregu.

Do instalirajte intercooler samo trebate kopija jQuery zajedno s kopija knjižnice intercoolera koji se mogu naći na GitHubu. Možete čak i test bez preuzimanja bilo koje datoteke pomoću jQuery CDN i lokalnog interkulera CDN.

Stavite oboje u > označiti u zaglavlju stranice, i onda samo postavite HTML atribute gdje god želite!

Zavirite u demo stranicu da biste vidjeli a cijeli popis demo snimaka možeš se igrati. Posebno mi se sviđa demo "Klikni za uređivanje" jer pokazuje točno što je moguće i koliko daleko možeš uzeti ovaj dodatak.

Ako vas zanima učenje više provjerite referentni vodič puna intercooler HTML atributa. Svaki obavlja drugačiju radnju stoga je ključno proučiti ih sve i vidjeti što najbolje odgovara za vaš scenarij.

Naravno, možete pronaći sve izvorni kod besplatno na GitHub zajedno s kratki vodič za instalaciju.