JavaScript-da FORM-larni GET metodi bilan yuborish

Keling, formani GET metodi bilan yuborishni misol orqali amalga oshiramiz. Faraz qilaylik, bizda raqamlar kiritiladigan inputlari bo‘lgan forma mavjud:

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

Faraz qilaylik, server qabul qilingan raqamlarning yig‘indisini topadi va natijani brauzerga qaytaradi. Boshlanish uchun yuborilgan raqamlarni olamiz:

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

Keling, endi ularning yig‘indisini topamiz va brauzerga qaytaramiz:

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

Besh ta inputi bo‘lgan forma qiling, ularga raqamlar kiritilsin. Server uzatilgan raqamlarning o‘rta arifmetigini hisoblab, natijani brauzerga qaytarsin.

Foydalanuvchidan ismi, familiyasi va otasining ismini so‘rang. Ma’lumotlarni serverga yuboring. Server javob sifatida muvaffaqiyatli yuborish haqida xabar qaytarsin.

Foydalanuvchidan yil-oy-kun formatida sana so‘rang. Sanani serverga yuboring. Server sana formatining to‘g‘riligini tekshirsin. Agar sana to‘g‘ri bo‘lsa - muvaffaqiyat haqida xabar, agar noto‘g‘ri bo‘lsa - muvaffaqiyatsizlik haqida xabar qaytarsin.