Адпраўка формаў метадам 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);
}
}
Зрабіце форму з пяццю інпутамі, у якія ўводзяцца лікі. Хай сервер вылічыць сярэдняе арыфметычнае перададзеных лікаў і адправіць вынік назад у браўзэр.
Спытайце ў карыстальніка яго імя, прозвішча і імя па бацьку. Адпраўце дадзеныя на сервер. Хай сервер у якасці адказу вяртае паведамленне аб паспяховай адпраўцы.
Спытайце ў карыстальніка дату ў фармаце год-месяц-дзень. Адпраўце дату на сервер. Хай сервер праверыць карэктнасць фармату даты. Калі дата карэктная - хай ён верне паведамленне аб поспеху, а калі некарэктная - паведамленне аб няўдачы.