Az Ajax Into HTML-ben keverje össze az Intercooler.js-t

Soha nem volt könnyebb adjunk Ajax-ot bármelyik webhelyhez. Valójában meglehetősen gyakori az egész weboldalak építése Ajax kérésein alapul hívott Egyoldalas alkalmazások (vagy SPA-k).

Azonban ez mindig szükség volt egy kis jQuery-re és néhány technikai küzdelemre az oldal tartalmának frissítése. Ha csak szükséged van rá alapvető Ajax funkció Te tudod használni intercooler.js ezt a jogot a HTML-be keveredik.

Az Intercooler lehetővé teszi HTML-attribútumok írását belsőleg Ajax kérés URL-eket tartalmaznak. Ha a felhasználók bizonyos linkeket rákattintanak, azt diktálhatja Az Ajax kérések futnak a normál kattintási művelet helyett.

Mindez HTML5 adat * attribútumokra támaszkodik mint például ic-post-to. Ezt az attribútumot hozzáadhatja egy gombhoz vagy egy horgony linkhez, és ez lesz automatikusan csatlakozik a jQuery-hez Ajax POST kérésre.

Valójában van egy oldal ezek az attribútumok teljesek a plugin weboldalán. Itt egy kicsit minta kód látni, hogyan néz ki:

Kattints ide!

Ez lenne küldjön egy Ajax POST kérést az URL-címre / buton_click, és töltse fel a választ a tartály elemébe. Az Intercooler egy nagyon egyszerű könyvtár, és hihetetlenül erős, ha megérti, hogyan működik.

Ezzel nem lehet megoldani az Ajax összes problémáját, mert ez nem tudja automatikusan frissíteni az oldal más területeit. Az is nem tud túl sok egyéni funkciót hozzáadni anélkül, hogy lassítaná az oldalt, így egy részletes GYÓGYFÜRDŐ tényleg használjon egyéni Ajax kódot.

Az Intercooler.js a több szemantikus mód az Ajax kód írására úgy, hogy betöltődik és akár natív tartalékot is kínál.

Nak nek szerelje fel a távhűtést csak szüksége van egy jQuery másolata együtt a az interooler könyvtárának másolata amely megtalálható a GitHub-on. Még tesztelés letöltés nélkül bármilyen fájlt a jQuery CDN és a helyi Intercooler CDN segítségével.

Mindkettőt a > címke az oldal fejlécében, majd helyezze el a HTML attribútumokat bárhol!

Keress egy pillantást a demóoldal látni a demók teljes listája játszhatsz. Különösen szeretem a "Click to Edit" demót, mert pontosan megmutatja, hogy mi lehetséges, és milyen messzire tudod ezt a bővítményt használni.

Ha érdekel többet tanulni nézd meg a útmutató tele interkiszteres HTML attribútumokkal. Mindegyik más műveletet hajt végre ezért elengedhetetlen, hogy tanulmányozzuk őket és nézzük meg, mit a legjobb forgatókönyvéhez.

Természetesen megtalálható az összes forráskód ingyenesen a GitHub-on együtt a rövid telepítési útmutató.