MaxKey/docs/_includes/ajaxify_content_form.html
shimingxy a72a91deef i
2020-03-07 10:21:38 +08:00

31 lines
1.0 KiB
Java

<script>
var contactForm = document.querySelector('form'),
inputEmail = contactForm.querySelector('[name="email"]'),
textAreaMessage = contactForm.querySelector('[name="content"]'),
sendButton = contactForm.querySelector('button');
sendButton.addEventListener('click', function(event){
event.preventDefault();
sendButton.innerHTML = '{{ site.text.contact.ajax.sending }}';
var xhr = new XMLHttpRequest();
xhr.open('POST', '//formspree.io/{{ site.email }}', true);
xhr.setRequestHeader("Accept", "application/json")
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
xhr.send(
"email=" + inputEmail.value +
"&message=" + textAreaMessage.value);
xhr.onloadend = function (res) {
if (res.target.status === 200){
sendButton.innerHTML = '{{ site.text.contact.ajax.sent }}';
}
else {
sendButton.innerHTML = '{{ site.text.contact.ajax.error }}';
}
}
});
</script>