2016-06-22 9 views
2

JSONにhtmlフォーム入力を集めようとしています。すべての入力データを構造化jsonに集める

私は、単純な入力名に[OK]を作品にjQuery serializeArrayでそれを実現しようとしていたが、ケースには、私は私が

のようなオブジェクトのリストを持っている serializeArrayの出力として

<input type="text" name="product[0][name]" > 

のような多次元の入力名を持っています

var result = $('#myform').serializeArray(); 
console.log(result); 

0: Object 
    name: "product[0][name]" 
    value: "product 1" 
    ... 
1: Object 
    name: "product[1][name]" 
    value: "product 2" 
    ... 
... 

JSON.stringify($('#myform').serializeArray());と試みたが、キーとしてconcated名が含まれて再びoputput

[{"name":"product[0][name]","value":"product 1"}, ... 

しかし、私はそれを解析したり

{ 
    product: [ 
     0: {'name':'product 1'}, 
     1: {'name':'product 1'}, 
     2: {'name':'product 1'}, 
    ], 
    some_other_filed: [ 
     0: {'key':'value'}, 
     1: {'name':'value'} 
    ] 
} 

線量誰もがこのような状況のためのソリューションを知っている、このように私に出力を与えるjQueryのか、他のライブラリから他のいくつかの既知の機能を使用したいですか?

+0

OleViaud - ミュラ@(http://stackoverflow.com/questions/11338774/serialize-form-data-to-json)[JSONにフォームデータをシリアル] –

+0

の可能性の重複は、実際に私はすでにそれをテストJSON.stringify(frm.serializeArray()); 'json {" name ":" product [0] [name] "、" value ":" Product "}の出力と同じ名前を与えますが、私が質問に記載したように分かれた – Armen

答えて

2

jQuery serializeJSON pluginを使用できます。

$('#myform').serializeJSON(); 
console.log(result); 
+1

はい、私が探していたものでした。ありがとうございます@AlessioCantarella – Armen

関連する問題