123456789101112131415161718192021222324252627282930 |
- <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>
|