Отправка форм методом POST в JavaScript

Давайте теперь научимся отправлять формы методом 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'; } }

Спросите у пользователя логин и пароль. После отправки сравните их с логином и паролем, хранящимся в переменных на сервере. Если данные совпадают, выведите сообщение об успехе, в противном случае - о неудаче.