From 5ce588f52955f321fc1e6430a2e534bee73ec3e9 Mon Sep 17 00:00:00 2001 From: n-peugnet Date: Thu, 13 Jun 2019 20:39:22 +0200 Subject: first add of ajax form submission (not tested) --- assets/js/edit.js | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) (limited to 'assets') diff --git a/assets/js/edit.js b/assets/js/edit.js index b0f8915..13c227b 100644 --- a/assets/js/edit.js +++ b/assets/js/edit.js @@ -11,7 +11,10 @@ window.onload = () => { inputs[i].oninput = changeHandler; } - form.onsubmit = submitHandler; + form.addEventListener("submit", function (event) { + event.preventDefault(); + submitHandler(this); + }); window.onkeydown = keyboardHandler; window.onbeforeunload = confirmExit; @@ -51,10 +54,22 @@ function changeHandler(e) { /** * Manage submit event - * @param {Event} e + * @param {HTMLFormElement} form */ -function submitHandler(e) { +function submitHandler(form) { unsavedChanges = false; + + var xhr = new XMLHttpRequest(); + var fd = new FormData(form); + + xhr.addEventListener("load", function(event) { + alert(event.target.responseText); + }); + xhr.addEventListener("error", function(event) { + alert('Oups! Quelque chose s\'est mal passé.'); + }); + xhr.open(form.method, form.action); + xhr.send(fd); } /** -- cgit v1.2.3