URL 参数保存筛选与刷新恢复 | 星雨笔录

通过 URL 保留筛选参数并支持刷新恢复。

核心: 把筛选条件保存到 URL 中,可复制链接分享,也可在刷新后恢复筛选状态。

最小示例:

const url = new URL(location.href);
url.searchParams.set('category', 'books');
history.replaceState(null, '', url);
console.log(new URLSearchParams(location.search).get('category'));

学完能做: 通过 URL 保留筛选参数并支持刷新恢复。