Layui表格搜索结果无法直接新窗口打开，需手动拼接URL并用window.open()跳转，或动态创建POST表单提交；必须由用户点击触发、参数需encodeURIComponent编码，且新页面需解析URL参数传入table.render。
不能直接让 layui 表格的搜索结果“在新窗口打开”——table.reload() 本质是 ajax 刷新当前表格数据，它不跳转、不新开页面。你要的是“带搜索条件跳转到新页面”，得绕开表格重载逻辑，手动构造 url 并触发跳转。
点击按钮时手动拼接 URL 并 window.open()
这是最直接可控的方式：获取搜索框值，拼成完整请求地址，用 window.open() 打开新窗口。
- 不要绑定
table.reload()，否则会干扰原有表格行为 - 确保搜索字段名和后端接口约定一致（比如后端接收
keyword，你就传keyword=xxx） - 对用户输入做
encodeURIComponent()编码，避免特殊字符（如空格、&、/）破坏 URL 结构 - 推荐用
window.open(url, '_blank')，显式声明新窗口，避免被浏览器拦截器误判
$('#searchBtn').on('click', function() {
var keyword = $('#keyword').val().trim();
var url = '/api/list?keyword=' + encodeURIComponent(keyword);
window.open(url, '_blank');
});
如果后端接口只支持 POST，用临时表单提交
有些接口强制要求 POST（比如含敏感参数、或 body 数据过长），这时 window.open() 的 GET 方式行不通，得伪造一个隐藏表单并 submit。
- 动态创建
<form>，method 设为post，target 设为_blank - 每个搜索参数生成一个
<input type="hidden">插入表单 - submit 后记得
remove()表单 DOM，避免内存残留 - 注意：部分浏览器对 script-triggered
form.submit()开新窗口有限制，加rel="noopener"更稳妥
$('#searchBtn').on('click', function() {
var keyword = $('#keyword').val().trim();
var $form = $('<form>')
.attr('method', 'post')
.attr('target', '_blank')
.attr('action', '/api/list');
$('<input>').attr('type', 'hidden').attr('name', 'keyword').val(keyword).appendTo($form);
$form.appendTo('body').submit().remove();
});
别踩这些坑
看似简单，但实际容易卡在细节上：
-
window.open()在 Chrome/Firefox 中可能被弹窗拦截，必须由用户主动点击（如按钮）触发，不能放在异步回调或定时器里 - 不要用
location.href或location.replace()，它们是在当前页跳转，不是“新窗口” - 别试图在
table.on('tool')里做这事——那是行内操作事件，和搜索按钮无关；搜索按钮应独立绑定 - 如果新页面也要用 Layui 渲染表格，记得在新页面初始化时把 URL 参数读出来，传给
table.render({ where: { ... } })，否则搜不到数据 - URL 中中文或符号没编码，会导致后端收不到完整值，
keyword=你好+世界可能变成你好 世界（+ 被当空格）
核心就一条：Layui 表格本身没有“搜索结果新开页”的内置能力，所有跳转逻辑必须你手写。关键不是怎么调用 Layui，而是怎么安全、可靠地把参数送出去，并让新页面能接得住。
