Wysyłanie formularzy metodą GET w JavaScript
Zaimplementujmy wysyłanie formularza metodą GET na przykładzie. Załóżmy, że mamy formularz, do pól input którego wprowadzane są liczby:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Załóżmy, że serwer znajdzie sumę otrzymanych liczb i wyśle wynik z powrotem do przeglądarki. Na początek pobierzmy wysłane liczby:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'dane formularza otrzymane';
}
}
Znajdźmy teraz ich sumę i wyślijmy z powrotem do przeglądarki:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Stwórz formularz z pięcioma polami input, do których wprowadzane są liczby. Niech serwer obliczy średnią arytmetyczną przekazanych liczb i wyśle wynik z powrotem do przeglądarki.
Zapytaj użytkownika o jego imię, nazwisko i imię ojca. Wyślij dane na serwer. Niech serwer w odpowiedzi zwróci komunikat o pomyślnym wysłaniu.
Zapytaj użytkownika o datę w formacie rok-miesiąc-dzień. Wyślij datę na serwer. Niech serwer sprawdzi poprawność formatu daty. Jeśli data jest poprawna - niech zwróci komunikat o sukcesie, a jeśli niepoprawna - komunikat o niepowodzeniu.
