From 91cac1ca24fbd9a266eb0d6e878975bf8568b705 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E5=91=98=E5=B0=8F=E5=A2=A8?=
 <2291200076@qq.com>
Date: Wed, 20 Apr 2022 18:38:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E9=A1=B5=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=97=A0=E9=9C=80=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/component/searchbox.html            | 43 ++++++++++++++-----
 bookshelfplus-frontend/views/search.html      | 14 +++---
 2 files changed, 42 insertions(+), 15 deletions(-)

diff --git a/bookshelfplus-frontend/views/component/searchbox.html b/bookshelfplus-frontend/views/component/searchbox.html
index 8c0ee97..bb81b8f 100644
--- a/bookshelfplus-frontend/views/component/searchbox.html
+++ b/bookshelfplus-frontend/views/component/searchbox.html
@@ -1,6 +1,5 @@
 <div class="searchBox">
     <input id="searchInput" type="text" placeholder="只需两步：搜索、下载  就这么简单" /><!--
-
     --><input id="searchButton" type="button" value="搜一下" />
 </div>
 <script>
@@ -45,13 +44,37 @@
     });
 
     // 搜索按钮点击事件
-    $('#searchButton').click(function () {
-        var searchBoxValue = $('#searchInput').val();
-        if (!searchBoxValue || searchBoxValue.trim() == "") {
-            // alert("请输入搜索内容");
-            // return;
-            window.location.href = "./search";
-        }
-        window.location.href = "./search?keyword=" + encodeURIComponent(searchBoxValue.trim());
-    });
+    if (location.pathname == "/" || !(window.history && history.pushState)) {
+        // 首页 或者不支持 history.pushState
+        $('#searchButton').click(function () {
+            var searchBoxValue = $('#searchInput').val();
+            if (!searchBoxValue || searchBoxValue.trim() == "") {
+                searchBoxValue = "";
+            }
+            window.location.href = "./search?keyword=" + encodeURIComponent(searchBoxValue.trim());
+        });
+    } else {
+        // 搜索页
+        $('#searchButton').click(function () {
+            var searchBoxValue = $('#searchInput').val();
+            // 如果搜索内容未变化，则不搜索
+            if (keyword == searchBoxValue.trim()) return;
+            if (!searchBoxValue || searchBoxValue.trim() == "") {
+                history.pushState({}, "", "./search"); // 第二个参数为保留参数
+            } else {
+                keyword = searchBoxValue.trim();
+                history.pushState({}, "", "./search?keyword=" + encodeURIComponent(keyword));
+                doSearch(keyword);
+            }
+        });
+
+        window.addEventListener('popstate', function (event) {
+            var requestParams = getParams();
+            var keyword = (requestParams["keyword"] || "").trim();
+            var searchbox = document.getElementById("searchInput");
+
+            searchbox.value = keyword;
+            doSearch(keyword);
+        });
+    }
 </script>
\ No newline at end of file
diff --git a/bookshelfplus-frontend/views/search.html b/bookshelfplus-frontend/views/search.html
index d37e9c7..d98efa0 100644
--- a/bookshelfplus-frontend/views/search.html
+++ b/bookshelfplus-frontend/views/search.html
@@ -52,11 +52,15 @@
         searchbox.value = keyword;
         if (keyword === "")
             searchbox.focus();
-        search({
-            tableElementId: "result-table",
-            searchText: keyword,
-            categoryId: null
-        });
+
+        function doSearch(keyword) {
+            search({
+                tableElementId: "result-table",
+                searchText: keyword,
+                categoryId: null
+            });
+        }
+        doSearch(keyword);
     </script>
 </body>
 </html>
\ No newline at end of file