layui怎么获取表单数据

在layui中获取表单数据有两种常用的方法：

1. 使用layui的form模块，通过监听提交事件来获取表单数据。 首先需要引入layui的form模块：

   layui.use('form', function(){   var form = layui.form; }); 

   然后监听表单的提交事件，通过form.on('submit(formDemo)', function(data){})来获取表单数据，其中formDemo为表单的lay-filter属性值。

   form.on('submit(formDemo)', function(data){   var formData = data.field;   // 获取表单数据   // formData中包含了表单中的所有字段和对应的值   return false; // 阻止表单跳转 }); 

   在上述代码中，data.field即为表单数据，可以通过data.field.fieldName来获取指定字段的值。

2. 使用jQuery或原生JavaScript来获取表单数据。 首先需要使用layui的layui.form.render()方法对表单进行渲染，然后可以使用jQuery的serialize()方法来获取表单数据。

   layui.use(['form', 'jquery'], function(){   var form = layui.form;   var $ = layui.jquery;      form.render();      $('#formId').on('submit', function(e){     e.preventDefault();     var formData = $(this).serialize();     // 获取表单数据     // formData为表单序列化后的字符串   }); }); 

   在上述代码中，formId为表单的id属性值，可以通过$(this).serialize()来获取表单数据。