首页 > 网页制作 >Layui实现表单提交携带当前页面Meta信息

Layui实现表单提交携带当前页面Meta信息

来源：互联网 2026-07-03 08:15:17

结论明确：Layui 表单提交不会自动携带 标签里的内容，需要手动处理。此类需求通常出现在需要传递页面级上下文时，例如当前模块的 ID、来源页标识或 CSRF 令牌。下面介绍具体实现方法。 从 标签读取值并注入表单字段 使用原生 JavaScript 读取 document.querySelecto

结论明确：Layui 表单提交不会自动携带 标签里的内容，需要手动处理。此类需求通常出现在需要传递页面级上下文时，例如当前模块的 ID、来源页标识或 CSRF 令牌。下面介绍具体实现方法。

Layui实现表单提交携带当前页面Meta信息

长期稳定更新的攒劲资源： >>>点此立即查看<<<

从 标签读取值并注入表单字段

使用原生 JavaScript 读取 document.querySelector('meta[name="xxx"]')，再动态创建隐藏字段或合并到 serialize() 数据中。步骤简单，但需注意以下几点：

  • 确保 具有明确的 name 属性，例如 ——系统不会自动识别。
  • 在表单提交前的 form.on('submit(...)', function(data){...}) 回调中执行：
    const moduleId = document.querySelector('meta[name="module-id"]').getAttribute('content') || '';
  • 若使用 layui.form.serialize() 序列化，需手动拼接：
    const formData = layui.form.serialize(formElem) + '&module_id=' + encodeURIComponent(moduleId);
  • 推荐做法：使用 AJAX 提交时直接构造对象，更易控制：
    const dataObj = {...layui.form.val('your-form-filter'), moduleId};

form.serialize() 无法自动包含 的原因

form.serialize() 仅扫描表单内可序列化的控件（、