JavaScript에서 POST 메서드로 양식 보내기

이제 POST 메서드로 양식을 보내는 방법을 배워봅시다. 이를 위해 양식의 method 속성을 해당 값으로 설정합니다:

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

POST 메서드로 보내는 것의 차이점은 전송된 데이터가 브라우저의 주소 표시줄에 보이지 않는다는 것입니다. 이는 데이터가 너무 길거나, 주소 표시줄에 사용자에게 보여주고 싶지 않을 때 편리합니다.

POST 메서드로 전송된 데이터는 서버에서 데이터 객체의 post 속성에 들어갑니다:

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

간략하게 하기 위해 데이터를 별도의 변수로 얻기 위해 구조 분해 할당을 사용할 수 있습니다:

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

사용자로부터 로그인과 비밀번호를 입력받으세요. 전송 후 서버의 변수에 저장된 로그인과 비밀번호와 비교하세요. 데이터가 일치하면 성공 메시지를 출력하고, 그렇지 않으면 실패 메시지를 출력하세요.