tgroshon/contact.html

## contact.html
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
     function submitToAPI() {
       var URL = ‘/contact’;
       var data = {
         name: $(‘#name-input’).val(),
         email: $(‘#email-input’).val(),
         description: $(‘#description-input’).val()
       };
       $.ajax({
         type: ‘POST’,
         url: URL,
         dataType: ‘json’,
         contentType: ‘application/json’,
         data: JSON.stringify(data),
         success: function () {
           // clear form and show a success message
           alert(‘yay’);
         },
         error: function () {
           // show an error message
           alert(‘boo’);
         }
       });
     }
    </script>
  </head>
  <body>
    <form id="contact-form">
      <label for="name-input">Name:</label>
      <input type="text" id="name-input" placeholder="name here…" />
      <label for="email-input">Email:</label>
      <input type="email" id="email-input" placeholder="email here…"/>
      <label for="description-input">How can we help you?</label>
      <textarea id="description-input" rows="3" placeholder="tell us…"></textarea>
      <button type="button" onClick="submitToAPI()">Submit</button>
    </form>
  </body>
</html>
	<html>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script>
	function submitToAPI() {
	var URL = ‘/contact’;
	var data = {
	name: $(‘#name-input’).val(),
	email: $(‘#email-input’).val(),
	description: $(‘#description-input’).val()
	};
	$.ajax({
	type: ‘POST’,
	url: URL,
	dataType: ‘json’,
	contentType: ‘application/json’,
	data: JSON.stringify(data),
	success: function () {
	// clear form and show a success message
	alert(‘yay’);
	},
	error: function () {
	// show an error message
	alert(‘boo’);
	}
	});
	}
	</script>
	</head>
	<body>
	<form id="contact-form">
	<label for="name-input">Name:</label>
	<input type="text" id="name-input" placeholder="name here…" />
	<label for="email-input">Email:</label>
	<input type="email" id="email-input" placeholder="email here…"/>
	<label for="description-input">How can we help you?</label>
	<textarea id="description-input" rows="3" placeholder="tell us…"></textarea>
	<button type="button" onClick="submitToAPI()">Submit</button>
	</form>
	</body>
	</html>