卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章44756本站已运行31029

layui怎么获取表单数据

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

layui怎么获取表单数据

layui如何获取表单数据

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

1. layui.form.val(form selector)

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

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

2. lay() 方法

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

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

3. formAPI.getVal() 方法

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

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

4. layui.request() 方法

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

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

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

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

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

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

卓越飞翔博客
上一篇: layui怎么运行
下一篇: 返回列表
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏