Maison > interface Web > js tutoriel > le corps du texte

Utiliser JS natif pour implémenter la sérialisation de formulaires (tutoriel graphique)

亚连
Libérer: 2018-05-18 14:24:15
original
2556 Les gens l'ont consulté

Ce qui suit est le js natif que j'ai compilé pour que vous puissiez implémenter la sérialisation des formulaires. Les étudiants intéressés peuvent y jeter un œil.

Introduisez d'abord la méthode de sérialisation de formulaire correspondante dans jquery :

Méthode 1.serialize()

Format : var data = $ ("form" ).serialize();

Fonction : sérialise le contenu du formulaire en une chaîne.

De cette façon, lorsque vous soumettez des données de formulaire via ajax, vous n'avez pas besoin de lister chaque paramètre un par un. Définissez simplement le paramètre data sur $("form").serialize().

Méthode 2.serializeArray()

Format : var jsonData = $("form").serializeArray();

Fonction : Sérialiser le formulaire de page dans une structure JSON objet. Notez qu'il ne s'agit pas d'une chaîne JSON.

Par exemple, [{"name":"lihui", "age":"20"},{...}] obtient les données sous la forme jsonData[0].name; > ci-dessous Nous utilisons le js original pour implémenter notre fonction de sérialisation de formulaire

Nous listons d'abord les étapes :

1) Obtenez d'abord le formulaire en utilisant ById ou les formulaires ;

2) Après obtention, obtenez le tableau de tous les éléments du formulaire à travers les éléments

3) Puis parcourez pour déterminer le type (épissage d'objet correspondant selon le type) pour implémenter l'objet sérialisé

Le code est le suivant :

function formser(form){
  var form=document.getElementById(form);
  var arr={};
 for (var i = 0; i < form.elements.length; i++) {
  var feled=form.elements[i];
  switch(feled.type) {
 case undefined:
 case &#39;button&#39;:
  case &#39;file&#39;:
  case &#39;reset&#39;:
  case &#39;submit&#39;:
  break;
  case &#39;checkbox&#39;:
  case &#39;radio&#39;:
  if (!feled.checked) {
  break;
  }
  default:
  if (arr[feled.name]) {
  arr[feled.name]=arr[feled.name]+&#39;,&#39;+feled.value;
  }else{
  arr[feled.name]=feled.value;
  }
  }
  }
  return arr
}
Copier après la connexion
Ce qui précède est le js natif que j'ai compilé pour que vous puissiez implémenter la sérialisation des formulaires, je l'espère. vous sera utile à l'avenir.

Articles connexes :

Comment implémenter le code de vérification de puzzle coulissant en JS

vuejs中v -Explication détaillée de l'utilisation de if et v-show

Source Node.jsExplication détaillée des instructions d'activation par e-mail d'inscription

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!