Ajax-feedback formában jquery

Ebben a cikkben fogunk beszélni, hogyan lehet egy forma ajax megkereső, segítségével a jQuery könyvtár. Más szavakkal, úgy, hogy az oldal nem reloaded, ha küld adatokat a formában.

jQuery könyvtár egy nagyon hasznos eszköz. Nagyon sokkal könnyebb dolgozni ajax kérése, az, hogy van egy különleges design.

Munka formában, valamint annak létrehozását megtalálható cikkünket egyszerű visszajelzési űrlap a kezét. Vagy csak letölt egy kész példája ez a cikk:

Szóval hogyan működnek a jQuery könyvtár. ne felejtsük el, hogy dugja be index.html fájlt a következő sort:

Most hozzon létre egy mappát js. amelyben elhelyezzük a jövőnket script nevű fájlt ajax.js. Csatlakozó ezt a fájlt index.html. a következő sort :

Most adjuk hozzá az id tag

. bár mivel nem volt elcsépelt lesz, így értékét.

Itt van, hogyan fog kinézni a formában most:

Ajax.js nyissa meg a fájlt, és adjuk hozzá a következő kódot:

Érdemes odafigyelni, hogy a 7 sort. amely adott űrlap kezelő, az utat meg kell határozni, hogy a forgatókönyvet találtam meg, különben az üzenetet nem lesz elküldve, és akkor sokáig zavarba -, hogy miért. Lásd megtalálta a script, vagy sem, lehet bármilyen böngésző fejlesztői eszközöket.

Felvettük a funkció, amely adatokat küld keresztül ajax, most hozzá típusú benyújtja esemény onClick (végre, amikor a legfontosabb eleme), amely szerint fogják hívni a függvényt.

Íme a forma fog kinézni teljes:

Ha most megpróbálja elküldeni az üzenetet, az oldal továbbra is újraindul, mert benyújtja a típus ez az alapértelmezett kódot. A probléma megoldódott típusának megváltoztatásával a gombra:

A forráskód letölthető az alábbi linken:

Kapcsolódó cikkek

előző ◈ a következő