需监听table.on("edit")事件获取变更，用table.getData()或table.cache提取数据，经校验转换后通过$.ajax以application/json格式提交，并在成功后调用table.reload()同步UI。
layui table 编辑后怎么触发保存逻辑
layui 的 table 本身不自动提交数据，编辑单元格（edit: "text" 或 edit: "checkbox"）只是改了前端渲染值，你得自己监听变更、收集数据、发请求。没写这步，点完就“消失”是必然的。
关键动作是监听 table.on("edit") 事件，它会在用户结束编辑（失焦或回车）时触发，但注意：它只告诉你“哪一行哪一列变了”，不包含整行数据，也不帮你防抖或校验。
- 必须在事件回调里用
table.cache或table.getData()拿当前表格完整数据（推荐后者，更可靠） - 别直接用
e.value当最终值——用户可能输了个空格、逗号，后端拒收；建议加简单 trim 或类型转换 - 如果表格启用了分页，
table.getData()默认只返回当前页数据；要全量提交得手动拼接所有页缓存，或者改成单页加载
用 $.ajax 提交前要注意哪些参数
后端接口一般要 JSON 格式，但很多人直接把 table.getData() 结果塞进 data 字段，结果后端收到的是字符串化的 JSON（即双层转义），或者干脆 400 错误。
正确做法是显式设置 contentType: "application/json"，并用 JSON.stringify() 包一层：
$.ajax({
url: "/api/save-table",
method: "POST",
contentType: "application/json",
data: JSON.stringify({ rows: table.getData() }),
success: function(res) { console.log("保存成功"); }
});
- 别漏掉
contentType，否则 Express/Koa 等框架默认按application/x-www-form-urlencoded解析，拿不到 JSON body - 后端字段名（比如这里的
rows）必须和接口文档一致，Layui 不会自动映射成你后端想要的 key - 如果某列是
checkbox编辑，e.value是"true"或"false"字符串，不是布尔值，后端解析容易出错，建议前端转成true/false再提交
为什么改了一行，后端却收到全部数据
因为多数人习惯性调用 table.getData() 获取全量，而不是只提取变更行。这在数据量大时浪费带宽、增加后端压力，也掩盖了“到底改了什么”的业务意图。
更合理的做法是：在 table.on("edit") 里记下变更的 e.tr（DOM 行元素）、e.field 和新值，再用 table.cache 查出该行原始数据，构造最小更新对象（比如 { id: 123, status: "done" }）。
-
table.cache是个对象，key 是表格的id（如"demo"），value 是数组，每项对应一行原始数据（含lay-id） - 用
e.tr.data("index")可拿到当前行在缓存中的索引，再结合table.cache["demo"][index]就能取到原数据 - 如果后端支持 PATCH /api/items/123，就别 POST 全量，直接走单条更新，失败影响面小，日志也清楚
编辑后刷新页面数据没更新？检查这几个地方
常见现象：点保存弹了成功提示，但表格内容还是旧的，甚至关掉重开还是老数据。问题往往不在保存逻辑，而在“保存成功后没同步 UI”。
- 没调用
table.reload()—— 这是最常见原因；保存成功后必须 reload，否则 DOM 和缓存都还是旧的 - reload 时传了错误的
where参数，导致拉了旧缓存或分页错乱；最稳妥是加个时间戳参数强制刷新：where: { t: Date.now() } - 后端返回的响应体结构和 Layui 期望的不一致（比如没返回
count或data字段），导致 reload 失败静默；打开浏览器 Network 面板看响应体是否符合response配置 - 如果用了
done回调做手动渲染，记得在回调里重新赋值res.data到table.cache，否则下次getData()还是旧的
