Files
Node.js-14-Cookbook/Chapter04/post-server/public/form.html
T
2020-04-29 22:09:22 +01:00

30 lines
876 B
HTML

<form method="POST">
<label for="forename">Forename:</label>
<input id="forename" name="forename">
<label for="surname">Surname:</label>
<input id="surname" name="surname">
<input type="submit" value="Submit">
</form>
<script>
document.forms[0].addEventListener('submit', (event) => {
event.preventDefault()
let data = {
'forename': document.getElementById('forename').value,
'surname': document.getElementById('surname').value
};
console.log('data', data);
fetch('http://localhost:3000', {
method: 'post',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
}).then(function (response) {
console.log(response);
return response.json();
});
});
</script>