Sending Forms with POST Method in JavaScript

La oss nå lære å sende skjemaer med POST-metoden. For å gjøre dette setter vi skjemaets method-attributt til den tilsvarende verdien:

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

Forskjellen med å sende med POST-metoden er at de sendte dataene ikke vil være synlige i nettleserens adresselinje. Dette er praktisk når dataene er for lange, eller vi ikke ønsker å vise dem til brukeren i adresselinjen.

Data sendt med POST-metoden vil på vår server havne i egenskapen post til objektet med data:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.post);
    return 'test';
  }
}

For korts skyld kan vi bruke destructuring, for å få dataene våre i en egen variabel:

server.jsexport default {
  '/handler/': function({post}) {
    console.log(post);
    return 'test';
  }
}