Obsah
Jedním z hlavních použití Ajaxu je odesílání dat na server, k tomu používáme formy HTML5Díky tomu mohou naše serverové skripty provádět výpočty, ověřování, zpracování, aktivovat další skripty atd. Vše, co naše potřeby vyžadují.Tímto způsobem dosahujeme odpovědí na požadavky v našich dokumentech, vyhýbáme se opětovnému načítání celé stránky, zlepšujeme navigaci a vytváříme mnohem optimálnější a interaktivní efekty pro uživatele, který vstupuje na náš web.
Odeslání dat formuláře
Jak jsme již zmínili dříve, použití formulářů je klíčem k odesílání dat na server. Jedním z nejběžnějších způsobů je shromažďovat informace samostatně a formátovat je. Tímto způsobem by bylo možné je odeslat.
Podívejme se na následující kód, pomocí kterého můžeme ilustrovat a definovat, co v této teoretické části vysvětlujeme:
PříkladBanány:Jablka:Třešně:Celkový:0 položekOdeslat formulář
V tomto kódu máme jednoduše formulář s několika vstupními poli, v bloku, kde štítky začínají, vidíme, jak data z formuláře odebíráme a opakujeme s každým vstupem, který najdeme, abychom s nimi mohli manipulovat a přidat je do proměnná, která bude obsahovat řetězec s každým z dat, tento řetězec vypadá podobně jako toto:
banány = 2 & jablka = 5 & třešně = 20 &.
Poté můžeme tato data předat prostřednictvím POŠTA na náš server a nakonec je přijatá odpověď začleněna do prvku s konkrétním ID, čímž můžeme na stránku zavést změnu, aniž bychom ji museli úplně obnovovat.
Podívejme se na následujícím obrázku, jak by to vypadalo v našem prohlížeči:
ZVĚTŠIT
Tím tento tutoriál dokončíme, protože vidíme, že implementace řešení je docela snadná Ajax To nám umožňuje odesílat data na server, aniž by bylo nutné generovat nový dokument, a vyhnout se tak opětovnému načítání stránky a ztrátě kontextu toho, co může uživatel na své obrazovce vidět.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
