PHP前端开发

layui怎么获取表单数据

百变鹏仔 2个月前 (11-16) #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 表单数据。