将Jquery序列化后的表单值转换成Json

小朋友有一个表单,他想以Json的方式获取到表单的内容。小朋友尝试了如下方式。segmentfault

经过$("#form").serialize()能够获取到序列化的表单值字符串。数组

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

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

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

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

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

而后经过JSON.stringify($("#form").serializeObject()); 就能够获得Json内容噜。code

请输入图片描述

相关文章
相关标签/搜索