JSFiddle - React, Tailwind, and code Playground

by austinpray

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form id="formy">
<label>email</label>
<input type="text" id="emailInput">
<label>password</label>
<input type="text" id="passwordInput">
<button type="submit">Send</button>
</form>
<pre id="output-pre" style="background: gray; padding: 1em">
</pre>

JavaScript

jQuery("#formy").on("submit", function (e) {
  e.preventDefault();
  var email = jQuery("#emailInput").val();
  var password = jQuery("#passwordInput").val();
  jQuery.ajax({
    url: "https://adhoc-nfasjg3o1w.speetra.com/authorize-me",
    type: "POST",
    dataType: "json",
    contentType: 'application/json; charset=UTF-8',
    data: JSON.stringify({username: email, password: password})
  }).done(function(data) {
  jQuery("#output-pre").text(JSON.stringify(data, null, "  "));
  }).fail(function (err) {
  jQuery("#output-pre").text(JSON.stringify(err, null, "  "));
  });
  
  
})