Formaların GET metodu ilə JavaScript-də göndərilməsi
Gəlin nümunə üzərində formanın GET metodu ilə göndərilməsini həyata keçirək. Tutaq ki, bizim ədədlərin daxil edildiyi inputları olan bir formamız var:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Gəlin serverin alınan ədədlərin cəmini tapsın və nəticəni brauzerə geri göndərsin. Əvvəlcə göndərilən ədədləri əldə edək:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
Gəlin indi onların cəmini tapaq və geriyə brauzerə göndərək:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Içində ədədlərin daxil edildiyi beş inputu olan bir forma hazırlayın. Gəlin server göndərilən ədədlərin ədədi ortasını hesablasın və nəticəni brauzerə geri göndərsin.
Istifadəçidən onun adını, soyadını və atasının adını soruşun. Məlumatları serverə göndərin. Gəlin server cavab olaraq uğurlu göndərilmə haqqında mesaj qaytarsın.
Istifadəçidən il-ay-gün formatında tarixi soruşun. Tarixi serverə göndərin. Gəlin server tarixin formatının düzgünlüyünü yoxlasın. Əgər tarix düzgündürsə - uğur haqqında mesaj qaytarsın, əgər düzgün deyilsə - uğursuzluq haqqında mesaj qaytarsın.