Отправка форм методом 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);
}
}
Сделайте форму с пятью инпутами, в которые вводятся числа. Пусть сервер вычислит среднее арифметическое переданных чисел и отправит результат обратно в браузер.
Спросите у пользователя его имя, фамилию и отчество. Отправьте данные на сервер. Пусть сервер в качестве ответа возвращает сообщение об успешной отправке.
Спросите у пользователя дату в формате год-месяц-день. Отправьте дату на сервер. Пусть сервер проверит корректность формата даты. Если дата корректна - пусть он вернет сообщение об успехе, а если некорректна - сообщение о неудаче.
