Wysyłanie formularzy metodą POST w JavaScript

Nauczmy się teraz wysyłać formularze metodą POST. W tym celu ustawmy atrybut method formularza na odpowiednią wartość:

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

Różnica w wysyłaniu metodą POST polega na tym, że wysyłane dane nie będą widoczne w pasku adresu przeglądarki. Jest to wygodne, gdy dane są zbyt długie, albo nie chcemy pokazywać ich użytkownikowi w pasku adresu.

Dane wysłane metodą POST trafią na naszym serwerze do właściwości post obiektu z danymi:

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

Dla zwięzłości można wykonać destrukturyzację, aby uzyskać nasze dane w osobnej zmiennej:

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