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

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
}

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!