RobertTate
4/24/2018 - 9:45 PM

Fetch Post Request with User Form

Set up a form to send its data via a Fetch Post request

app.js
content_copyfile_download
let form = document.getElementsByTagName('form')[0];


form.addEventListener( 'submit', function(e) {
e.preventDefault();
    console.log('Listener Works')
    let firstN = document.getElementsByTagName('input')[0].value;
    let lastN = document.getElementsByTagName('input')[1].value;

    let data = {
        firstname: firstN,
        lastname: lastN
    }

    console.log(data);

    fetch('/contact-form', {
        method: 'POST',
        body: JSON.stringify(data),
        headers: new Headers({
            'content-type': 'application/json'
          })
    }).then(res => {return res})
    .catch(error => console.log(error));
})