在layui中获取表单数据有两种常用的方法:
-
使用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 = https://www.yisu.com/ask/data.field;>
在上述代码中,
data.field
即为表单数据,可以通过data.field.fieldName
来获取指定字段的值。 -
使用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 = https://www.yisu.com/ask/$(this).serialize();>
在上述代码中,
formId
为表单的id属性值,可以通过$(this).serialize()
来获取表单数据。