From: Chris Fulljames <christianfulljames@gmail.com>
Date: Fri, 21 Feb 2025 12:14:07 +0000 (-0500)
Subject: Automatically fetch json on pop if not cached
X-Git-Url: https://littlesong.place/gitweb/gitweb.cgi?a=commitdiff_plain;h=c69ecf0010e4f4b8d82305e064e71811bd256b5c;p=littlesongplace.git

Automatically fetch json on pop if not cached
---

diff --git a/templates/base.html b/templates/base.html
index 8c9c4fa..080182a 100644
--- 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;