layui怎么获取表单数据

layui 提供了多种获取表单数据的方法，包括直接获取表单所有字段数据、获取单个表单元素值、使用 formAPI.getVal() 方法获取指定字段值、将表单数据序列化并作为 AJAX 请求参数，以及监听表单提交事件获取数据。

layui如何获取表单数据

layui 提供了几种方法来获取表单数据：

1. layui.form.val(form selector)

这是一种直接获取整个表单所有字段数据的便捷方法。

layui.form.val('form selector', { name: 'value', ... });

2. lay() 方法

lay() 方法可以获取单个表单元素的值，需要传递元素的 ID 或 DOM 对象。

const value = $('#input-id').val();

3. formAPI.getVal() 方法

formAPI 提供的 getVal() 方法可以获取表单中指定字段的值。

const formAPI = layui.form.render('form selector'); const value = formAPI.val('field-name');

4. layui.request() 方法

layui.request() 方法可以将表单数据序列化为字符串并作为 AJAX 请求的参数。

layui.request.post('/submit_form', { data: $('#form').serialize() });

5. layui.form.on('submit()', callback)

监听表单提交事件，并在回调函数中获取表单数据。

layui.form.on('submit(submit-btn)', function(data) { console.log(data.field); // 表单字段数据 });

根据需要，可以选择上述方法中的一种或多种来获取 layui 表单数据。

以上是layui怎么获取表单数据的详细内容。更多信息请关注PHP中文网其他相关文章！