JavaScript에서 GET 방식으로 폼 보내기
예제를 통해 GET 방식으로 폼을 보내는 것을 구현해 봅시다. 숫자를 입력하는 입력 필드가 있는 폼이 있다고 가정해 보겠습니다:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
서버가 전송받은 숫자의 합을 찾아 브라우저로 결과를 다시 보내도록 합시다. 먼저 전송된 숫자를 가져옵니다:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
이제 그 합을 찾아 브라우저로 다시 보냅니다:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
숫자를 입력하는 5개의 입력 필드가 있는 폼을 만드세요. 서버가 전송된 숫자의 산술 평균을 계산하고 결과를 브라우저로 다시 보내도록 하세요.
사용자에게 이름, 성 및 중간 이름을 물어보세요. 데이터를 서버로 보냅니다. 서버가 응답으로 성공적인 전송 메시지를 반환하도록 하세요.
사용자에게 년-월-일 형식으로 날짜를 물어보세요. 날짜를 서버로 보냅니다. 서버가 날짜 형식의 정확성을 확인하도록 하세요. 날짜가 정확하면 성공 메시지를 반환하고, 그렇지 않으면 실패 메시지를 반환하도록 하세요.