最典型的表单提交陷阱是未设method="post"导致页面刷新；搜索reload需同时传where和page:{curr:1}；清空搜索框应显式传where:{}或重载原始URL；防抖用setTimeout延迟300ms执行reload。
搜索后表格只刷一次，但页面却整个刷新了
这是最典型的表单提交陷阱：用了 <button> 或没设 method="post" 的 <form>，浏览器默认按 get 提交，导致 url 变、页面重载、表格初始化丢失。
- 把搜索按钮换成
<input type="button">，彻底规避表单默认行为 - 或者保留
<form>，但显式声明method="post"（注意：后端需兼容 POST 接收参数） - 更推荐用
event.preventDefault()拦截提交事件——这是最可控的方式
table.reload() 怎么带搜索条件且不丢分页
关键不是“要不要传 where”，而是“要不要重置当前页”。用户搜完通常希望从第 1 页看起，但如果你漏了 page: { curr: 1 }，它会继续在原分页位置请求数据，结果可能为空或错乱。
- 搜索时必须传
where对象，把输入框值塞进去，比如{ keyword: $('#kw').val() } - 务必同时加
page: { curr: 1 }，否则reload会沿用上一次的curr值 - 如果用的是实例变量（如
let ins = table.render({...})），就调ins.reload({...})；如果用的是 lay-id（如id: 'userTable'），就调table.reload('userTable', {...})
搜索框清空后怎么恢复原始数据
很多人以为清空输入框再点搜索就能回退，其实不然——reload 不会自动清除 where，上次传的参数还在，相当于又发了一次空条件请求。得手动“归零”。
- 清空输入框后，显式传一个空
where: {}，而不是不传where - 更稳妥的做法是保存原始 URL（不含参数），清空时直接 reload 原始地址：
url: '/api/list' - 别依赖用户手动点“重置按钮”，建议在搜索框右侧加个
<i class="layui-icon layui-icon-refresh"></i>图标，点击时触发reload并清空输入框和where
搜索频繁触发，怎么防抖又不卡顿
Layui 本身不提供防抖，但直接给 input 绑定 keyup + reload，用户每敲一个字都发请求，后端扛不住，前端也容易卡住渲染。
- 用
setTimeout+clearTimeout实现简单防抖，延迟 300ms 再执行reload - 避免在
done回调里再调reload，否则可能形成循环调用 - 如果搜索接口响应慢，加上
loading: true配置，让用户有感知；别让 loading 图标一闪就消失
page: { curr: 1 } 这一行——它不报错，但会让搜索逻辑完全失效，而且问题很难一眼看出来。 
