GET մեթոդով ձևերի ուղարկում JavaScript-ում

Եկեք իրականացնենք ձևի ուղարկում GET մեթոդով օրինակով: Ենթադրենք ունենք ձև, որի դաշտերում մուտքագրվում են թվեր:

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

Ենթադրենք սերվերը գտնում է ստացված թվերի գումարը և արդյունքը ուղարկում է հետ դիտարկիչ: Սկսենք ստացված թվերը ստանալուց.

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

Հիմա գտնենք դրանց գումարը և ուղարկենք հետ դիտարկիչ.

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

Ստեղծեք ձև հինգ դաշտերով, որոնցում մուտքագրվում են թվեր: Ենթադրենք սերվերը հաշվարկում է միջին թվաբանական փոխանցված թվերի և ուղարկում է արդյունքը հետ դիտարկիչ:

Задание 2

Հարցրեք օգտատիրոջից նրա անունը, ազգանունը և հայրանունը: Ուղարկեք տվյալները սերվեր: Ենթադրենք սերվերը պատասխանում է հաղորդագրությամբ հաջող ուղարկման մասին:

Задание 3

Հարցրեք օգտատիրոջից ամսաթիվը տարի-ամիս-օր ֆորմատով: Ուղարկեք ամսաթիվը սերվեր: Ենթադրենք սերվերը ստուգում է ամսաթվի ֆորմատի ճիշտ լինելը: Եթե ամսաթիվը ճիշտ է - ենթադրենք նա վերադարձնում է հաջողության մասին հաղորդագրություն, իսկ եթե սխալ է - անհաջողության մասին հաղորդագրություն: