Segage Ajax Into HTML-i Intercooler.js-iga
See pole kunagi olnud lihtsam lisada Ajax igale veebisaidile. Tegelikult on see üsna tavaline, et ehitada terveid veebisaite põhineb Ajaxi taotlustel kutsus Ühe lehe rakendused (või erikaitsealad).
Kuid see on alati nõudnud natuke jQuery-d ja mõningaid tehnilisi lahendusi värskenda lehe sisu. Kui sa lihtsalt vajavad Ajaxi põhifunktsioonid sa võid kasutada intercooler.js selle õiguse segamiseks HTML-i.
Intercooler võimaldab teil kirjutada HTML-atribuute sisuliselt sisaldavad Ajaxi päringute URL-e. Kui kasutajad klõpsavad teatud linkidel, saate seda dikteerida Ajax taotleb käivitamist tavalise klõpsamise asemel.
See kõik tugineb HTML5 andmete * atribuutidele nagu näiteks ic-post-to. Selle atribuudi saab lisada nupule või ankurlingile ja see saab olema automaatselt ühendust jQueryga Ajax POST taotluse jaoks.
Seal on tegelikult leht neid omadusi täis plugina veebilehel. Siin on natuke proovi kood kuidas see välja näeb:
Klõpsake nuppu Me!
See oleks saatke URL-i Ajax POST-i taotlus / buton_click, ja laadige vastus konteinerisse. Intercooler on päris lihtne raamatukogu ja uskumatult võimas, kui sa mõistad, kuidas see toimib.
See ei lahenda kõiki teie Ajax probleeme, sest see on ei saa lehe teisi piirkondi automaatselt värskendada. See samuti ei saa lisada liiga palju kohandatud funktsioone lehekülge aeglustamata, nii üksikasjalik SPA peaks tõesti kasutage kohandatud Ajax koodi.
Intercooler.js pakub a rohkem semantilist viisi Ajaxi koodi kirjutamiseks nii, et see laadib ja pakub isegi natiivset varu.
Et paigaldada vahejahuti sa lihtsalt vaja jQuery koopia koos a vahejahutite raamatukogu koopia mis on saadaval GitHubis. Võite isegi testi ilma allalaadimiseta kõik failid jQuery CDN ja kohaliku Intercooler CDN abil.
Pane mõlemad a >
Pöörake pilgu peale demode leht et näha a demode täielik nimekiri saate mängida. Mulle meeldib eriti "Klõpsa redigeerimiseks" demo, sest see näitab täpselt, mis on võimalik ja kui kaugele saate selle plugina võtta.
Kui olete huvitatud rohkem vaadake juhend täis interooler-HTML-atribuute. Igaüks täidab teistsuguse toimingu seega on oluline neid kõiki uurida ja näha, mida sobib kõige paremini teie stsenaariumi jaoks.
Loomulikult leiate kogu lähtekoodi tasuta GitHubis koos a lühike paigaldusjuhend.
