Hogyan készítsünk egy űrlapot az oldalon
Tehát a feladat ezt a cikket - adatokat küld a szerver újratöltése nélkül az oldalon. Az adatok feldolgozása fogunk foglalkozni a következő cikkben. Kezdjük.
Ahogy tovább a megkezdett munkát az előző cikkben, akkor használja a forrását. Továbbá, meg kell dolgozni egy helyi szerverre. Mivel ezek, azt ajánlom, hogy telepítse, ha még nem tette meg, és használja az Open Server. A forrás fájlok az aktuális cikket, itt töltheti le.
Kezdjük egy kis scriptet, ami aszinkron, azaz újratöltés nélkül az oldalt, akkor az űrlapot a szerverre. Először is megkapunk minden adatot formájában változó. Ez segít, hogy a serialize funkció jQuery. Meg is szakíthatja a hitel alapértelmezett viselkedését formájában gombot úgy, hogy nem terheli az oldalt, és nem küld az alapértelmezett formában.
Mit tettünk? Először is kapott a címke formájában visszahívási ID:

HTML5 és CSS3 gyakorlatban nulla az eredmény!
Most könnyen hivatkozni formájában a kódot, és nyomon követheti a beküldés. Az első sorban megszünteti az alapértelmezett viselkedés, azaz a valójában elküldi az adatokat. Nem akarjuk ezt a viselkedést, mert ebben az esetben, az oldal újratöltődik. Azt akarjuk, hogy maradjon az oldalon.
Továbbá, a következő sorban megkaptuk az összes adatot a változó adatokat, és amely nyomtatott a konzolra. Ha kész van, most már, ha rákattint a Küldés gombra, meg kell látni a böngésző konzol kitöltött adatok formájában.

Továbbra is elküldi az adatokat a szerverre. Hozzunk létre egy szerver mellett az aktuális kép, a forma kezelő. Nevezzük például mail.php egyszerű tartalom:
Most adjunk hozzá egy egyszerű Ajax-kérést a felvezető:
A legtöbb, amit egy submit gombot kijelölünk egy azonosítót benyújtani, majd kattintson a Hozzáadás egy üres span, ahol levezetjük egy hosszú választ. Ha még nem hibázott, majd amikor az űrlap elküldésekor, meg kell, hogy a következő kép:

Mint látható, az adatok sikeres küldeni a szerverre, majd pedig a válasz jön. Ugyanakkor, befejeződik az aktuális cikket. By the way, itt a forráskódot is. A következő cikkben fogunk végrehajtani formában feldolgozó a szerveren. Továbbá ebben a témában láthatjuk ezt a leckét. Ez minden. Sok szerencsét!

HTML5 és CSS3 gyakorlatban nulla az eredmény!
A legtöbb IT hírek és webfejlesztés A csatorna-távirat