Odesílání formulářů metodou GET v JavaScriptu
Pojďme implementovat odeslání formuláře metodou GET na příkladu. Předpokládejme, že máme formulář, do jehož vstupních polí se zadávají čísla:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Nechť server najde součet obdržených čísel a pošle výsledek zpět do prohlížeče. Nejprve získejme odeslaná čísla:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'data formuláře přijata';
}
}
Nyní najděme jejich součet a pošleme jej zpět do prohlížeče:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Vytvořte formulář s pěti vstupními poli, do kterých se zadávají čísla. Nechť server vypočítá aritmetický průměr předaných čísel a pošle výsledek zpět do prohlížeče.
Zeptejte se uživatele na jeho jméno, příjmení a prostřední jméno. Odešlete data na server. Nechť server jako odpověď vrátí zprávu o úspěšném odeslání.
Zeptejte se uživatele na datum ve formátu rok-měsíc-den. Odešlete datum na server. Nechť server zkontroluje správnost formátu data. Pokud je datum správné - nechť vrátí zprávu o úspěchu, a pokud je nesprávné - zprávu o neúspěchu.