Pure JS form submit response capture

by Vikram Deshmukh

HTML

<form id="myForm">
  <input type="text" name="username" value='user007' />
  <input type='password' name='password' value='password123' />
  <button type="submit">
    Go!
  </button>
</form>
<div id='output'>

</div>

JavaScript

var xhr = new XMLHttpRequest();
xhr.open("POST", "https://formspree.io/[email protected]");
xhr.onload = function(event) {
  alert("The server says: " + event.target.response);
  document.getElementById('output').innerHTML = event.target.response;
};
var formData = new FormData(document.getElementById("myForm"));
xhr.send(formData);