Formų siuntimas GET metodu JavaScript

Įgyvendinkime formos siuntimą GET metodu pavyzdžiu. Tarkime, kad turime formą, kurios įvesties laukuose įvedami skaičiai:

public/form.html<form action="/handler/" method="GET">
  <input name="num1">
  <input name="num2">
  <input type="submit">
</form>

Tegul serveris randa gautų skaičių sumą ir siunčia rezultatą atgal į naršyklę. Pirmiausia gaukime išsiųstus skaičius:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num1);
    console.log(get.num2);
    
    return 'form data received';
  }
}

Dabar suraskime jų sumą ir išsiųskime atgal į naršyklę:

server.jsexport default {
  '/handler/': function({get}) {
    return Number(get.num1) + Number(get.num2);
  }
}
Задание 1

Sukurkite formą su penkiais įvesties laukais, į kuriuos įvedami skaičiai. Tegul serveris apskaičiuoja perduotų skaičių aritmetinį vidurkį ir siunčia rezultatą atgal į naršyklę.

Задание 2

Paklauskite vartotojo jo vardo, pavardės ir patronimo. Išsiųskite duomenis į serverį. Tegul serveris kaip atsaką grąžina pranešimą apie sėkmingą siuntimą.

Задание 3

Paklauskite vartotojo datos formatu metai-mėnuo-diena. Išsiųskite datą į serverį. Tegul serveris patikrina datos formato teisingumą. Jei data teisinga - tegu jis grąžina sėkmės pranešimą, o jei neteisinga - nesėkmės pranešimą.