(Medium) - Commands And Events

HTTPRequestsAsCommandExample.html

<div id="content">
  <form method="POST" action="http://server.example.com/">
    <input type="text" name="username">
    <input type="submit" value="Send POST command with username">
    <input type="button" onclick="submitUsername()" value="Send POST command with username using AJAX">
  </form>
</div>
<script>
  function submitUsername() {
    return fetch('http://server.example.com', { method: 'POST' })
      .then((response) => { response.text() })
      .then((responseBody) => {
        document.getElementById('content').innerHTML = responseBody;
      });
  }
</script>