Sumaišykite „Ajax Into HTML“ su „Intercooler.js“
Tai niekada nebuvo lengviau pridėkite Ajax į bet kurią svetainę. Iš tikrųjų tai gana paprasta kurti visas svetaines pagrįstas Ajax užklausomis vadinamas Vieno puslapio programos (arba SAT).
Tačiau tai visuomet reikalavo šiek tiek jQuery ir kai kurių techninių ginčų atnaujinti puslapio turinį. Jei tik reikia pagrindinės „Ajax“ funkcijos tu gali naudoti intercooler.js maišyti šią teisę į HTML.
Intercooler leidžia jums rašyti HTML atributus iš esmės yra „Ajax“ užklausos URL. Kai vartotojai spustelės tam tikras nuorodas, galite tai diktuoti Ajax prašymai paleisti vietoj įprastų paspaudimų veiksmų.
Visa tai remiasi HTML5 duomenų * atributais toks kaip ic-post-to. Šį atributą galite pridėti prie mygtuko arba ankerinės nuorodos automatiškai prisijungti prie „jQuery“ už Ajax POST užklausą.
Iš tikrųjų yra puslapis pilnas šių atributų „plugin“ svetainėje. Štai šiek tiek mėginio kodas pamatyti, kaip atrodo:
Paspausk mane!
Tai būtų atsiųskite „Ajax POST“ užklausą į URL / buton_click, ir įkelti atsakymą į konteinerio elementą. Intercooler yra gana paprasta biblioteka ir neįtikėtinai galinga, kai suprantate, kaip tai veikia.
Suteikus tai nepadės išspręsti visų jūsų „Ajax“ problemų, nes ji negali automatiškai atnaujinti kitų puslapio sričių. Taip pat negali pridėti per daug priskirtų funkcijų nesumažindami puslapio, taip detaliai SPA turėtų iš tikrųjų naudoti pasirinktinį Ajax kodą.
„Intercooler.js“ siūlo a daugiau semantinio Ajax kodo rašymo būdo taip, kad ji įkrautų ir netgi pasiektų natūralų atsarginį.
Į įdiegti tarpinį aušintuvą jums reikia tik jQuery kopija kartu su tarpinio aušintuvo bibliotekos kopija kurią galima rasti „GitHub“. Jūs netgi galite bandymas be atsisiuntimo visus failus naudodami jQuery CDN ir vietinį „Intercooler“ CDN.
Įdėkite abu į >
Pažvelkite į demo puslapis pamatyti a visas demo sąrašas galite žaisti su. Man ypač patinka „Spustelėkite redaguoti“ demonstraciją, nes ji tiksliai parodo, kas įmanoma, ir kiek galite įjungti šį papildinį.
Jei jus domina daugiau sužinoti patikrinkite nuorodos vadovas pilnas tarpinių filtrų HTML atributų. Kiekvienas atlieka kitą veiksmą todėl labai svarbu juos visus ištirti ir pamatyti, kas geriausiai tinka už jūsų scenarijų.
Žinoma, galite rasti visas šaltinio kodas nemokamai „GitHub“ kartu su a trumpas diegimo vadovas.
