ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery -- シリアル化された値を JSON メソッドに変換するガイダンス

jQuery -- シリアル化された値を JSON メソッドに変換するガイダンス

巴扎黑
巴扎黑オリジナル
2017-08-05 16:46:431408ブラウズ

この記事では、Jquery でシリアル化されたフォーム値を Json に変換することに関する関連情報を主に紹介します。非常に優れており、必要な友達はそれを参照できます。

子供がフォームを持っていて、それを取得したいと考えています。 Json 形式のフォームの内容。子どもたちは次の方法を試しました。

シリアル化されたフォーム値文字列は、$("#form").serialize() を通じて取得できます。 $("#form").serialize()可以获取到序列化的表单值字符串。

例如:


a=1&b=2&c=3&d=4&e=5

通过$("#form").serializeArray()输出以数组形式序列化表单值。


[ 
 {name: 'firstname', value: 'Hello'}, 
 {name: 'lastname', value: 'World'},
 {name: 'alias'}, // 值为空
]

统统不满足小朋友想得到Json的愿望。堆栈溢出后,找到了一个这样的方法


$.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;
};

然后通过 $("#form").serializeObject();

例: 🎜


🎜rrreee🎜 $("#form").serializeArray()を通じてフォーム値を配列形式でシリアル化します。 > 出力します。 🎜


🎜rrreee🎜これでは、Json を取得したいという子供たちの願望はまったく満たされません。スタック オーバーフローの後、そのようなメソッドを見つけました 🎜


🎜rrreee🎜 それから、 $("#form").serializeObject(); を通じて取得できます。 Json コンテンツ。 🎜

以上がjQuery -- シリアル化された値を JSON メソッドに変換するガイダンスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。