SO40539899

<!DOCTYPE html>
<html>

  <head>

  </head>

  <body>
    
<form id='urlForm' name="urlForm">
    <input type="text" id='url' name="url">
    <input id="submit" type="submit"><br/>
    <label>Result:
        <!-- Output area. -->
        <output id="urlOutput"></output>   </label>
</form>


<script>

var f1 = document.getElementById('urlForm');
var o1 = document.getElementById('urlOutput');
  f1.onsubmit = function(e) {
    e.preventDefault();
    var req = new XMLHttpRequest();
    // POST to httpbin which returns the POST data as JSON
    req.open('POST', 'http://httpbin.org/post', false);
    var formData = new FormData(f1);
    req.send(formData);
    o1.value = req.response;
  }
</script>
  </body>

</html>