Metode slanja formulara u JavaScriptu

Formulari mogu biti poslati na dva načina: GET metodom ili POST metodom. Način slanja formulara regulisan je atributom method formulara.

Na primer, postavimo za formular metodu slanja GET:

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

A sada POST metodom:

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

Hajde sada da pogledamo u čemu je razlika između dva metoda slanja. U slučaju GET metode podaci formulara će biti vidljivi u pregledaču u obliku takozvanog stringa upita (query string), koji predstavlja parove u obliku ključ-vrednost, gde je ključ ime elementa formulara, a vrednost - uneti podaci. Pritom će parovi vrednosti biti razdvojeni ampersandom.

Podaci poslati GET metodom, dospače na našem serveru u svojstvo get objekta sa podacima:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.get); // ispisaće se u konzoli servera
    return 'podaci formulara primljeni';
  }
}

A podaci poslati POST metodom, dospače na našem serveru u svojstvo post objekta sa podacima:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.post); // ispisaće se u konzoli servera
    return 'podaci formulara primljeni';
  }
}

Za kratkoću možemo izvršiti destrukturiranje, da bismo dobili naše podatke u posebnu promenljivu:

server.jsexport default {
  '/handler/': function({get, post}) {
    console.log(get);
    console.log(post);
    return 'podaci formulara primljeni';
  }
}