Francesco Lorenzo D'Amico
38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
window.addEventListener("DOMContentLoaded", function () {
|
|
// get the form elements defined in your form HTML above
|
|
|
|
var form = document.getElementById("dreamit-form");
|
|
// var button = document.getElementById("my-form-button");
|
|
var status = document.getElementById("status");
|
|
|
|
// Success and Error functions for after the form is submitted
|
|
|
|
function success() {
|
|
form.reset();
|
|
status.classList.add("success");
|
|
status.innerHTML = "Thank you message sent.!";
|
|
}
|
|
|
|
function error() {
|
|
status.classList.add("error");
|
|
status.innerHTML = "Oops! There was a problem.";
|
|
}
|
|
});
|
|
|
|
// helper function for sending an AJAX request
|
|
|
|
function ajax(method, url, data, success, error) {
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open(method, url);
|
|
xhr.setRequestHeader("Accept", "application/json");
|
|
xhr.onreadystatechange = function () {
|
|
if (xhr.readyState !== XMLHttpRequest.DONE) return;
|
|
if (xhr.status === 200) {
|
|
success(xhr.response, xhr.responseType);
|
|
} else {
|
|
error(xhr.status, xhr.response, xhr.responseType);
|
|
}
|
|
};
|
|
xhr.send(data);
|
|
}
|