layui は、フォームのすべてのフィールド データを直接取得する方法、単一のフォーム要素の値を取得する方法、formAPI.getVal() メソッドを使用して指定されたフィールド値を取得する方法など、フォーム データを取得するためのさまざまなメソッドを提供します。 、フォーム データと AJAX リクエスト パラメーターをシリアル化し、フォーム送信イベントをリッスンしてデータを取得します。
#layui がフォーム データを取得する方法
layui は、フォーム データを取得するためのいくつかのメソッドを提供します。1.layui.form.val(フォームセレクター)
フォーム全体の全フィールドデータを直接取得する便利なメソッドです。<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>
以上がLauiuiでフォームデータを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。