ფორმების გაგზავნა 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

ჰკითხეთ მომხმარებელს თარიღი წელი-თვე-დღე ფორმატში. გაუგზავნეთ თარიღი სერვერზე. დავუშვათ, სერვერმა შეამოწმოს თარიღის ფორმატის კორექტულობა. თუ თარიღი კორექტულია - დავუშვათ, ის დააბრუნებს წარმატების შეტყობინებას, ხოლო თუ არაკორექტულია - წარუმატებლობის შეტყობინებას.