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:

<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:

export 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ā:

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

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ā.

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.

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.