Automatically fetch json on pop if not cached

diff --git a/templates/base.html b/templates/base.html
index 8c9c4fa964b9687ad657edd905add882bd3970f5..080182a7042222c29068166e1ea3b2e1c8d71337 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,9 +25,7 @@
 
             document.addEventListener("DOMContentLoaded", (e) => {
                 document.querySelectorAll("form").forEach((form) => {
-                    console.log("found form");
                     form.addEventListener("submit", (event) => {
-                        console.log("on submit");
                         var targetUrl = new URL(event.target.action);
                         if (urlIsOnSameSite(targetUrl)) {
                             event.preventDefault();
@@ -51,16 +49,15 @@
 
                 // Get page content from JSON response
                 var data = await response.json();
-                console.log("push", data);
                 window.history.pushState(data, "", url);
 
                 updatePageState(data);
             }
 
             function updatePageState(data) {
-                console.log("pop", data);
                 if (!data) {
-                    return;  // TODO: How to handle initial page?
+                    fetch(window.location.href, {redirect: "follow", headers: {"Accept": "application/json"}}).then(handleAjaxResponse);
+                    return;
                 }
                 document.getElementById("main").innerHTML = data.body;
                 document.title = data.title;