Odosielanie formulárov metódou GET v JavaScripte
Poďme implementovať odoslanie formulára metódou GET na príklade. Majme formulár, do ktorého vstupov sa zadávajú čísla:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Nech server nájde súčet získaných čísel a odošle výsledok späť do prehliadača. Na začiatok získame odoslané čísla:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
Nájdime teraz ich súčet a odošleme späť do prehliadača:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Vytvorte formulár s piatimi vstupmi, do ktorých sa zadávajú čísla. Nech server vypočíta aritmetický priemer odoslaných čísel a odošle výsledok späť do prehliadača.
Opýtajte sa používateľa na jeho meno, priezvisko a stredné meno. Odošlite údaje na server. Nech server ako odpoveď vráti správu o úspešnom odoslaní.
Opýtajte sa používateľa na dátum vo formáte rok-mesiac-deň. Odošlite dátum na server. Nech server skontroluje správnosť formátu dátumu. Ak je dátum správny - nech vráti správu o úspechu, a ak je nesprávny - správu o neúspechu.