layui 提供了多種獲取表單數(shù)據(jù)的方法,包括直接獲取表單所有字段數(shù)據(jù)、獲取單個(gè)表單元素值、使用 formapi.getval() 方法獲取指定字段值、將表單數(shù)據(jù)序列化并作為 ajax 請(qǐng)求參數(shù),以及監(jiān)聽(tīng)表單提交事件獲取數(shù)據(jù)。
layui如何獲取表單數(shù)據(jù)
layui 提供了幾種方法來(lái)獲取表單數(shù)據(jù):
1. layui.form.val(form selector)
這是一種直接獲取整個(gè)表單所有字段數(shù)據(jù)的便捷方法。
<code class="javascript">layui.form.val('form selector', { name: 'value', ... });</code>
登錄后復(fù)制
2. lay() 方法
lay() 方法可以獲取單個(gè)表單元素的值,需要傳遞元素的 ID 或 DOM 對(duì)象。
<code class="javascript">const value = $('#input-id').val();</code>
登錄后復(fù)制
3. formAPI.getVal() 方法
formAPI 提供的 getVal() 方法可以獲取表單中指定字段的值。
<code class="javascript">const formAPI = layui.form.render('form selector'); const value = formAPI.val('field-name');</code>
登錄后復(fù)制
4. layui.request() 方法
layui.request() 方法可以將表單數(shù)據(jù)序列化為字符串并作為 AJAX 請(qǐng)求的參數(shù)。
<code class="javascript">layui.request.post('/submit_form', { data: $('#form').serialize() });</code>
登錄后復(fù)制
5. layui.form.on(‘submit()’, callback)
監(jiān)聽(tīng)表單提交事件,并在回調(diào)函數(shù)中獲取表單數(shù)據(jù)。
<code class="javascript">layui.form.on('submit(submit-btn)', function(data) { console.log(data.field); // 表單字段數(shù)據(jù) });</code>
登錄后復(fù)制
根據(jù)需要,可以選擇上述方法中的一種或多種來(lái)獲取 layui 表單數(shù)據(jù)。