layui怎么获取表单数据

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

layui如何获取表单数据

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

1. layui.form.val(form selector)

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

<code class="javascript">layui.form.val('form selector', {
  name: 'value',
  ...
});</code>

登录后复制

2. lay() 方法

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

<code class="javascript">const value = $('#input-id').val();</code>

登录后复制

3. formAPI.getVal() 方法

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

<code class="javascript">const formAPI = layui.form.render('form selector');
const value = formAPI.val('field-name');</code>

登录后复制

4. layui.request() 方法

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

<code class="javascript">layui.request.post('/submit_form', {
  data: $('#form').serialize()
});</code>

登录后复制

5. layui.form.on(‘submit()’, callback)

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

<code class="javascript">layui.form.on('submit(submit-btn)', function(data) {
  console.log(data.field); // 表单字段数据
});</code>

登录后复制

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

以上就是layui怎么获取表单数据的详细内容，更多请关注叮当号网其它相关文章！