layer.confirm点击确定后不会自动关闭，需在Ajax成功回调中调用layer.close(index)确保关闭时机可控；失败时保留弹窗并提示错误，避免重复提交需配合btnDisabled或手动禁用按钮。
layer.confirm 点击确定后不自动关闭，需要手动控制流程
默认情况下 layer.confirm 的「确定」按钮只是触发回调函数，不会自动发送请求，更不会阻塞关闭——如果你直接在回调里发 ajax，用户看到的是弹窗瞬间消失、接口还在跑，体验割裂，还可能重复点击。必须把「关闭弹窗」和「发起请求」的时机明确串起来。
- 不要在回调第一行就调用
layer.close(index)，否则请求还没发出去弹窗就关了 - 推荐在 Ajax 成功回调里调用
layer.close(index)，失败时可选择保留弹窗并提示错误 - 如果希望点击后按钮变 loading 状态防止重复提交，需手动修改按钮 DOM 或用
btnDisabled: true（Layui 2.8+）
使用 success 回调嵌套 Ajax，确保 layer 关闭时机可控
这是最稳妥的做法：拿到 layer.confirm 返回的弹窗索引 index，在确认回调中发请求，仅当后端返回成功才关闭；失败则用 layer.msg() 提示，保持弹窗开着供用户重试。
layer.confirm('确认删除该条数据？', { icon: 3 }, function(index){
$.ajax({
url: '/api/delete',
type: 'POST',
data: { id: 123 },
dataType: 'json',
success: function(res) {
if (res.code === 0) {
layer.msg('删除成功');
layer.close(index); // ✅ 此时才关闭
location.reload(); // 按需刷新或更新页面
} else {
layer.msg(res.msg || '操作失败');
}
},
error: function() {
layer.msg('网络异常，请重试');
}
});
});
避免常见错误：别把 Ajax 放在 confirm 外层或用 async: false
有人会把 Ajax 写在 layer.confirm 外面，靠变量传参，结果点击确定时请求早已发出；也有人想用 async: false 强制同步——Layui 3.x 已不支持同步 XHR，Chrome 会直接报错 Synchronous XMLHttpRequest on the main thread is not allowed。
- ❌ 错误写法：
$.ajax({ async: false })—— 浏览器拒绝执行，控制台报错 - ❌ 错误写法：先
var res = $.ajax(...).responseJSON再 confirm —— 请求早就发完了，confirm 变成摆设 - ✅ 正确路径：所有业务逻辑（含请求、校验、关闭）都收束在 confirm 的回调函数内
Layui 2.8+ 可配合 btnDisabled 和 loading 效果提升体验
新版 Layui 支持按钮禁用态和加载图标，能直观反馈用户操作已被接收。注意它只作用于内置按钮，需配合手动控制关闭时机。
layer.confirm('确认发布？', {
btnDisabled: true, // 点击后按钮自动禁用
yes: function(index, layero){
var btn = layero.find('.layui-layer-btn0');
btn.html('提交中...'); // 可选：改文字增强感知
$.post('/api/publish', { title: 'xxx' }, function(res){
if(res.code === 0){
layer.msg('发布成功');
layer.close(index);
} else {
btn.html('重新提交').removeClass('layui-btn-disabled');
layer.msg(res.msg);
}
});
}
});
实际项目里最容易被忽略的是错误状态下的 UI 恢复：按钮没重置、弹窗没停留、错误提示一闪而过。这些细节不处理，用户会反复点、反复失败，以为系统卡了。
