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 表單數據。