Formu iesūtīšana ar GET metodi JavaScript

Ļaujiet mums realizēt formas iesūtīšanu ar GET metodi, izmantojot piemēru. Pieņemsim, ka mums ir forma, kuras ievades laukos tiek ievadīti skaitļi:

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

Ļaujiet serverim atrast iesūtīto skaitļu summu un nosūtīt rezultātu atpakaļ pārlūkprogrammā. Vispirms iegūstam nosūtītos skaitļus:

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

Tagad atradīsim to summu un nosūtīsim atpakaļ pārlūkprogrammā:

server.jsexport default {
  '/handler/': function({get}) {
    return Number(get.num1) + Number(get.num2);
  }
}

Задание 1

Izveidojiet formu ar pieciem ievades laukiem, kuros tiek ievadīti skaitļi. Ļaujiet serverim aprēķināt vidējo aritmētisko no iesūtītajiem skaitļiem un nosūtīt rezultātu atpakaļ pārlūkprogrammā.

Задание 2

Jautājiet lietotājam viņa vārdu, uzvārdu un otru vārdu. Nosūtiet datus uz serveri. Ļaujiet serverim atbildē atgriezt ziņojumu par veiksmīgu iesūtīšanu.

Задание 3

Pajautājiet lietotājam datumu formātā gads-mēnesis-diena. Nosūtiet datumu uz serveri. Ļaujiet serverim pārbaudīt datuma formāta pareizību. Ja datums ir korekts - ļaujiet tam atgriezt ziņojumu par veiksmi, bet ja nekorekts - ziņojumu par neveiksmi.