jQuery.serializeArrayは現在、次の結果を返します。
[Object { name="id", value="0"}, Object { name="gender[]", value="1"}, Object { name="gender[]", value="2"}, Object { name="countries[]", value="AU"}, Object { name="countries[]", value="GB"}, Object { name="ages[]", value="25"}, Object { name="ages[]", value="99"}]
この方法で結果をフォーマットしたいのですが:
{id: 0, gender: ['1', '2'], countries: ['AU', 'GB'], ages: ['25', '99']}
これを達成する方法は?
serializeArrayが出力をフォーマットする方法が気に入らなかったので、より受け入れやすい方法でフォーマットする関数を作成しました。
(function( $ ){
$.fn.serializeJSON=function() {
var json = {}, propname;
$.each($(this).serializeArray(), function(index, n){
propname = n.name.replace('[]', '');
if (!json.hasOwnProperty(propname))
{
json[propname] = n.value;
}
else if( ! (json[propname] instanceof Array) )
{
json[propname] = new Array(json[propname], n.value);
}
else
{
json[propname].push(n.value);
}
});
return json;
};
})(jQuery);
フォームが作成されたら、次のコードをどこかに配置します。
$('#form_id').submit(function(e) {
e.preventDefault();
e.stopPropagation();
var data = $(this).serializeJSON();
console.log(data);
})
フォームがPHPに投稿される方法が好きな人に役立つことを願っています。