Comment obtenir des données de formulaire dans Layui

layui fournit une variété de méthodes pour obtenir des données de formulaire, notamment l'obtention directe de toutes les données de champ du formulaire, l'obtention de la valeur d'un seul élément de formulaire, l'utilisation de la méthode formAPI.getVal() pour obtenir la valeur de champ spécifiée, la sérialisation du formulaire. data et en l'utilisant comme paramètre de requête AJAX. Et écoutez l'événement de soumission du formulaire pour obtenir des données.

Comment layui obtient les données du formulaire

layui propose plusieurs méthodes pour obtenir les données du formulaire :

1 layui.form.val (sélecteur de formulaire)

C'est un moyen d'obtenir directement l'intégralité. Méthode pratique pour toutes les données de champ dans un formulaire.

<code class="javascript">layui.form.val('form selector', {
  name: 'value',
  ...
});</code>

2. Méthode lay()

La méthode lay() peut obtenir la valeur d'un seul élément de formulaire et doit transmettre l'ID ou l'objet DOM de l'élément.

<code class="javascript">const value = $('#input-id').val();</code>

3. Méthode formAPI.getVal()

La méthode getVal() fournie par formAPI peut obtenir la valeur du champ spécifié dans le formulaire.

<code class="javascript">const formAPI = layui.form.render('form selector');
const value = formAPI.val('field-name');</code>

4. Méthode layui.request()

La méthode layui.request() peut sérialiser les données du formulaire en chaîne et servir de paramètres de requête AJAX.

<code class="javascript">layui.request.post('/submit_form', {
  data: $('#form').serialize()
});</code>

5. layui.form.on('submit()', callback)

Écoutez l'événement de soumission du formulaire et obtenez les données du formulaire dans la fonction de rappel.

<code class="javascript">layui.form.on('submit(submit-btn)', function(data) {
  console.log(data.field); // 表单字段数据
});</code>

Selon vos besoins, vous pouvez choisir une ou plusieurs des méthodes ci-dessus pour obtenir les données du formulaire layui.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!