ფორმების გაგზავნა GET მეთოდით JavaScript-ში
მოდით, მაგალითზე დავანახოთ GET მეთოდით ფორმის გაგზავნის რეალიზაცია. დავუშვათ, გვაქვს ფორმა, რომლის ინფუთებში შეყვანილია რიცხვები:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
დავუშვათ, სერვერმა უნდა იპოვოს მიღებული რიცხვების ჯამი და დააბრუნოს შედეგი ბრაუზერში. პირველ რიგში, მივიღოთ გაგზავნილი რიცხვები:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
ახლა ვიპოვოთ მათი ჯამი და გავუგზავნოთ ისევ ბრაუზერს:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
შექმენით ფორმა ხუთი ინფუთით, რომლებშიც შეყვანილია რიცხვები. დავუშვათ, სერვერმა გამოთვალოს გადაცემული რიცხვების საშუალო არითმეტიკული და დააბრუნოს შედეგი ბრაუზერში.
ჰკითხეთ მომხმარებელს მისი სახელი, გვარი და მამის სახელი. გაუგზავნეთ მონაცემები სერვერზე. დავუშვათ, სერვერი პასუხად დააბრუნებს შეტყობინებას გაგზავნის წარმატების შესახებ.
ჰკითხეთ მომხმარებელს თარიღი წელი-თვე-დღე ფორმატში. გაუგზავნეთ თარიღი სერვერზე. დავუშვათ, სერვერმა შეამოწმოს თარიღის ფორმატის კორექტულობა. თუ თარიღი კორექტულია - დავუშვათ, ის დააბრუნებს წარმატების შეტყობინებას, ხოლო თუ არაკორექტულია - წარუმატებლობის შეტყობინებას.
