第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

導航回具有相同狀態(tài)的搜索頁面 (JavaScript)

導航回具有相同狀態(tài)的搜索頁面 (JavaScript)

慕的地6264312 2023-03-03 15:15:39
當用戶單擊搜索結果但隨后返回主搜索頁面時，我如何使用 JavaScript 保留搜索頁面的狀態(tài)。例如HTML：https://startech-enterprises.github.io/docs/guides/data-analytics/data-analytics.html有 5 個元素決定頁面上顯示的內容：側邊的三個過濾菜單中點擊了什么標簽在頂部的搜索菜單欄中輸入了什么搜索詞選中的分頁，在底部問題是，每當我進入搜索結果并導航回主搜索頁面時，搜索頁面都會自行重置，所以我必須再次重新輸入搜索條件——這可能非常煩人。如果我在瀏覽器中單擊“后退”，搜索頁面狀態(tài)會保留，但搜索腳本會停止工作。此外，使用“瀏覽器”后退按鈕只能返回一個“鏈接”——因此如果用戶單擊任何頁面中的多個鏈接（從搜索返回），他們必須多次按下“后退”按鈕才能返回到主搜索頁面 - 這又不是理想的。關于如何解決這個問題的任何想法？似乎是一個相當普遍的問題？該站點是純靜態(tài)的（使用 Markdown 和 Jekyll 生成）。站點交互性是使用 Vanilla JavaScript 和 SASS/SCSS 設置的。更新：現在已經根據下面給出的答案解決了這個問題
查看完整描述

2 回答

?
絕地無雙

TA貢獻1946條經驗 獲得超4個贊

您只需將數據保存在用戶設備中即可。您可以通過使用 cookie 或 localStorage 來完成。我更喜歡 localStorage，因為用戶可以輕松拒絕 cookie。像這樣-

localStorage.setItem("tags",tagItemsInAnArray);

然后localStorage.getItem("tags");


查看完整回答
反對 回復 2023-03-03
?
慕娘9325324

TA貢獻1783條經驗 獲得超4個贊

您可以使用 localStorage 來保存搜索過濾器數據。這個概念是將所有過濾器數據保存在一個數組中，并在任何重定向之前將該數組保存在瀏覽器的 localStorage 中。Here is an official documentation with implementation of localStorage。


這是一個演示：


//before redirection

let filterData = [];

localStorage.setItem("searchFilter", JSON.stringify(filterData));


//after page-load

let cachedFilterData= JSON.parse(localStorage.getItem("searchFilter"));

if(cachedFilterData.length>0){

    //cache data exist

}


//when you need to delete cache

localStorage.removeItem("searchFilter");


查看完整回答
反對 回復 2023-03-03
  • 2 回答
  • 0 關注
  • 114 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號