Metodat e dërgimit të formave në JavaScript

Format mund të dërgohen në dy mënyra: me metodën GET ose me metodën POST. Mënyra e dërgimit të formës rregullohet nga atributi method i formës.

Për shembull, le të caktojmë metodën e dërgimit GET për formën:

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

Dhe tani metoda POST:

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

Le të shohim tani, cili është ndryshimi midis dy metodave të dërgimit. Në rastin e metodës GET të dhënat e formës do të jenë të dukshme në shfletues në formën e ashtuquajtur varg parametrash (query string), e cila përfaqëson çifte të formës çelës-vlerë, ku çelësi do të jetë emri i elementit të formës, dhe vlera - të dhënat e futura në të. Në këtë rast çiftet e vlerave do të ndahen me ampersand.

Të dhënat e dërguara me metodën GET do të përfundojnë në serverin tonë në vetinë get të objektit me të dhëna:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.get); // do të shfaqet në konsolën e serverit
    return 'të dhënat e formës u pranuan';
  }
}

Kurse të dhënat e dërguara me metodën POST do të përfundojnë në serverin tonë në vetinë post të objektit me të dhëna:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.post); // do të shfaqet në konsolën e serverit
    return 'të dhënat e formës u pranuan';
  }
}

Për shkurtësi mund të kryhet destrukturalizimi, për të marrë të dhënat tona në një variabël të veçantë:

server.jsexport default {
  '/handler/': function({get, post}) {
    console.log(get);
    console.log(post);
    return 'të dhënat e formës u pranuan';
  }
}