Методи слања формулара у JavaScript-у

Формулари се могу послати на два начина: методом GET или методом POST. Начин слања формулара регулише се атрибутом method формулара.

На пример, поставићемо за формулар метод слања GET:

public/form.html<form action="/handler/" method="GET">
  <input name="test1">
  <input name="test2">
  <input type="submit">
</form>

А сада метод POST:

public/form.html<form action="/handler/" method="POST">
  <input name="test1">
  <input name="test2">
  <input type="submit">
</form>

Да видимо сада, у чему је разлика између два метода слања. У случају метода GET подаци формулара ће бити видљиви у прегледачу у облику такозваног низа параметара (query string), који представља парове облика кључ-вредност, где је кључ име елемента формулара, а вредност - унети подаци у њега. При томе ће парови вредности бити раздвојени амперсендом.

Подаци, послати методом GET, доспеће на нашем серверу у својство get објекта са подацима:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.get); // исписаће се у конзолу сервера
    return 'form data received';
  }
}

А подаци, послати методом POST, доспеће на нашем серверу у својство post објекта са подацима:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.post); // исписаће се у конзолу сервера
    return 'form data received';
  }
}

За кратак приказ можемо извршити деструктуризацију, да бисмо добили наше податке у посебну променљиву:

server.jsexport default {
  '/handler/': function({get, post}) {
    console.log(get);
    console.log(post);
    return 'form data received';
  }
}