Методи слања формулара у JavaScript-у
Формулари се могу послати на два начина:
методом GET или методом POST. Начин слања
формулара регулише се атрибутом method формулара.
На пример, поставићемо за формулар метод слања GET:
<form action="/handler/" method="GET">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
А сада метод POST:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Да видимо сада, у чему је разлика између два метода слања. У случају метода GET подаци формулара ће бити видљиви у прегледачу у облику такозваног низа параметара (query string), који представља парове облика кључ-вредност, где је кључ име елемента формулара, а вредност - унети подаци у њега. При томе ће парови вредности бити раздвојени амперсендом.
Подаци, послати методом GET, доспеће
на нашем серверу у својство get објекта
са подацима:
export default {
'/handler/': function(data) {
console.log(data.get); // исписаће се у конзолу сервера
return 'form data received';
}
}
А подаци, послати методом POST, доспеће
на нашем серверу у својство post објекта
са подацима:
export default {
'/handler/': function(data) {
console.log(data.post); // исписаће се у конзолу сервера
return 'form data received';
}
}
За кратак приказ можемо извршити деструктуризацију, да бисмо добили наше податке у посебну променљиву:
export default {
'/handler/': function({get, post}) {
console.log(get);
console.log(post);
return 'form data received';
}
}