Maison > interface Web > js tutoriel > jQuery--Convertir les valeurs sérialisées en conseils de méthode json

jQuery--Convertir les valeurs sérialisées en conseils de méthode json

巴扎黑
Libérer: 2017-08-05 16:46:43
original
1421 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur la conversion des valeurs de formulaire sérialisé Jquery en Json. Il est très bon et a une valeur de référence. Les amis dans le besoin peuvent s'y référer

Un enfant a un formulaire et il. souhaite obtenir le contenu du formulaire au format Json. Les enfants ont essayé les méthodes suivantes.

La chaîne de valeur du formulaire sérialisé peut être obtenue via $("#form").serialize().

Par exemple :


a=1&b=2&c=3&d=4&e=5
Copier après la connexion

Sérialisez la valeur du formulaire sous forme de tableau via la sortie $("#form").serializeArray().


[ 
 {name: 'firstname', value: 'Hello'}, 
 {name: 'lastname', value: 'World'},
 {name: 'alias'}, // 值为空
]
Copier après la connexion

Aucun d'entre eux ne satisfait le souhait des enfants d'avoir Json. Après un débordement de pile, j'ai trouvé une méthode comme celle-ci :


$.fn.serializeObject = function()
{
 var o = {};
 var a = this.serializeArray();
 $.each(a, function() {
 if (o[this.name] !== undefined) {
  if (!o[this.name].push) {
  o[this.name] = [o[this.name]];
  }
  o[this.name].push(this.value || '');
 } else {
  o[this.name] = this.value || '';
 }
 });
 return o;
};
Copier après la connexion

et vous pouvez ensuite obtenir le contenu Json via $("#form").serializeObject(); .

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