Lauiuiでフォームデータを取得する方法

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>

ニーズに応じて、上記の 1 つまたは複数の方法を選択して、layui フォーム データを取得できます。

以上がLauiuiでフォームデータを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。