i

docs/_includes/ajaxify_content_form.html

@@ -0,0 +1,30 @@
+<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>