JSFiddle - React, Tailwind, and code Playground
HTML
<form action="/echo/html/" method="post" name="fakeform">
<input type="text" placeholder="Name" name="name" />
<input type="password" placeholder="Passeword" name="password" />
<textarea placeholder="HTML" name="html"></textarea>
<input type="submit" value="submit">
</form>
JavaScript
$("form[name=fakeform]").submit(function() {
$.ajax({
url: $(this).attr("action"),
type: ($(this).attr("method") || "get"),
data: $(this).serialize(),
success: function(data, textStatus, jqXHR) {
console.log(data);
console.log(textStatus);
console.log(jqXHR);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(jqXHR);
console.log(textStatus);
console.log(errorThrown);
}
});
return false;
});