Sekoita Ajax Into HTML ään Intercooler.js n avulla
Se ei ole koskaan ollut helpompaa lisää Ajax mihin tahansa verkkosivustoon. Itse asiassa se on melko yleistä rakentaa kokonaisia sivustoja perustuu Ajax-pyyntöihin olla nimeltään Yhden sivun sovellukset (tai erityissuhteet).
Tämä on kuitenkin aina vaatinut hieman jQueryä ja joitakin teknisiä kiistoja päivitä sivun sisältö. Jos tarvitset vain joitakin Ajax-toiminnot voit käyttää intercooler.js sekoita tämä oikeus HTML-koodiin.
Välijäähdyttimen avulla voit kirjoittaa HTML-määritteitä Sisältää luultavasti Ajax-pyynnön URL-osoitteet. Kun käyttäjät napsauttavat tiettyjä linkkejä, voit sanoa sen Ajax kysyy normaalin napsautuksen sijaan.
Tämä kaikki luottaa HTML5-data- * -määritteisiin kuten ic-post-to. Voit lisätä tämän attribuutin painikkeeseen tai ankkurilinkkiin ja se tulee muodostaa automaattisesti yhteyden jQueryyn Ajax POST-pyynnölle.
On todella sivu täynnä näitä ominaisuuksia plugin-sivustossa. Tässä on vähän näytekoodi nähdä, miten se näyttää:
Napsauta minua!
Tämä olisi lähettää Ajax POST-pyynnön URL-osoitteeseen / buton_click, ja lataa vastaus säiliön elementtiin. Intercooler on melko yksinkertainen kirjasto ja uskomattoman voimakas, kun ymmärrät, miten se toimii.
Tämä ei ratkaise kaikkia Ajax-ongelmia, koska se on ei voi päivittää automaattisesti muita sivualueita. Se myös ei voi liittää liikaa mukautettuja ominaisuuksia hidastamatta sivua, joten se on yksityiskohtainen KYLPYLÄ pitäisi todella käytä mukautettua Ajax-koodia.
Intercooler.js tarjoaa a enemmän semanttinen tapa kirjoittaa Ajax-koodia niin, että se lataa ja jopa tarjoaa natiivin palautuksen.
jotta asenna välijäähdytin tarvitset vain kopio jQuerysta yhdessä a kopio välijäähdyttimen kirjastosta joka löytyy GitHubista. Voit jopa testi ilman lataamista kaikki tiedostot jQuery CDN: n ja paikallisen Intercooler CDN: n avulla.
Laita molemmat a >
Ota kurkistus demosivu nähdä a täydellinen luettelo demoista voit leikkiä. Pidän erityisesti "Click to Edit" -esityksestä, koska se näyttää tarkalleen, mikä on mahdollista ja kuinka pitkälle voit ottaa tämän laajennuksen.
Jos olet kiinnostunut oppia lisää tutustu viiteopas täynnä välijäähdytin HTML-määritteitä. Jokainen suorittaa toisen toiminnon joten on tärkeää tutkia niitä kaikkia ja nähdä, mitä sopii parhaiten skenaariossa.
Luonnollisesti löydät kaikki lähdekoodit ilmaiseksi GitHubissa yhdessä lyhyt asennusopas.
