JavaScript에서 GET 방식으로 폼 보내기

예제를 통해 GET 방식으로 폼을 보내는 것을 구현해 봅시다. 숫자를 입력하는 입력 필드가 있는 폼이 있다고 가정해 보겠습니다:

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

서버가 전송받은 숫자의 합을 찾아 브라우저로 결과를 다시 보내도록 합시다. 먼저 전송된 숫자를 가져옵니다:

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

이제 그 합을 찾아 브라우저로 다시 보냅니다:

server.jsexport default {
  '/handler/': function({get}) {
    return Number(get.num1) + Number(get.num2);
  }
}