应在table.render()前用JSON.parse(sessionStorage.getItem('searchParams'))读取并try...catch防护，填表单后调form.val()同步，且必须显式将参数传入where选项，reload时同样需手动传入，否则条件不生效。
如何在Layui table.render前读取并填充SessionStorage里的搜索条件
直接在 table.render() 调用前，从 sessionstorage 取出对象、赋值给表单元素即可。关键不是“怎么存”，而是“什么时候取、取完怎么同步到表单和表格参数里”——很多人卡在取出来但没触发表单更新，或没传进 where 导致重载不带条件。
实操建议：
- 用
JSON.parse(sessionStorage.getItem('searchParams'))读取，加try...catch防止解析失败（比如手动清过 sessionStorage 或数据被篡改） - 表单元素必须有
name属性，且值与后端接收字段一致；否则form.val()拿不到，layui.form().val()也设不进去 - 填完表单后，立刻调用
form.val('filter-form', data)触发 layui 表单值同步（仅当用了form.on('submit')或需要校验时才必须） - 把恢复的参数显式塞进
table.render()的where选项里，不能只填表单就以为表格会自动读——它不会
为什么 table.reload() 无法恢复 SessionStorage 中的搜索状态
因为 table.reload() 默认只继承上次请求的 where，而首次渲染时你没传 where，或者传了空对象，后续 reload 就一直空着。SessionStorage 里的值不会自动注入到 reload 的参数中。
常见错误现象：
- 点击“重载表格”按钮后，搜索框显示条件，但表格数据没变——
where没传进去 - 手动刷新页面后，搜索框空了，但控制台能看到 sessionStorage 里有数据——没在
table.render()前做恢复逻辑 - 用了
form.on('submit')提交，但提交时没把当前表单值再存一次 sessionStorage，导致翻页后条件丢失
解决办法：每次提交前或页面加载时，都确保 sessionStorage.setItem('searchParams', JSON.stringify(formData))；reload 时显式传 where: JSON.parse(sessionStorage.getItem('searchParams') || '{}')。
Layui 表单 + table 组合下，sessionStorage 存什么、怎么存才不踩坑
只存最终要发给后端的字段，别存 DOM 状态（如按钮是否禁用、tab 页签索引）。重点是字段名和后端约定一致，且类型正确——字符串就别存成数字，空字符串和 null 后端处理逻辑往往不同。
使用场景和参数差异：
- 搜索条件含日期范围：
start_time和end_time存 ISO 字符串（'2024-05-01'），别存 Date 对象（序列化后变成空对象） - 多选下拉框（
select[multiple]）：form.val()返回的是数组，直接JSON.stringify即可；但注意后端是否接收逗号分隔字符串，需提前转换 - 带默认值的字段（如状态默认为
'all'）：存的时候明确写上，别依赖“没填就不存”，否则恢复时字段缺失 - 敏感字段（如 token、用户 ID）不要存在 sessionStorage，哪怕只是临时调试——它对 XSS 完全不设防
表格初始化后，如何让分页、排序、关键词搜索继续沿用 sessionStorage 的条件
核心是所有触发数据重载的操作，都必须带上当前有效的 where 参数。Layui 的 table.on('sort')、table.on('page')、以及自定义搜索按钮，都不能直接调 table.reload() 空参。
实操建议：
- 把恢复后的搜索参数存到一个全局变量（如
window.searchWhere = {...}），所有 reload 都基于它拼接新参数（比如加page或field） - 监听
form.on('submit')时，先更新window.searchWhere，再sessionStorage.setItem，最后table.reload({ where: window.searchWhere }) - 分页跳转时，
table.on('page')回调里不要用this.elem.attr('lay-page')这类不可靠方式取页码，用回调参数里的curr和limit - 如果用了服务端排序（
autoSort: false），记得在where里手动加field和order，不然点击表头没反应
最易被忽略的一点：sessionStorage 是按域名+协议+端口隔离的，localhost:8080 和 127.0.0.1:8080 互不可见；开发时切了 host 或开了代理，条件就丢了——别急着查代码，先看 Application 面板里 sessionStorage 是否真有数据。
