欢迎光临
感受代码之美

JQuery将form表单序列化为json格式

依赖于jquery将表单元素序列化为json格式,实现代码如下:

//定义serializeObject方法,序列化表单
$.fn.serializeObject = function() {
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name]) {
            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;
};

使用:

var params = $('form').serializeObject();

序列化后的结果:

{
  "receiverIds": "WUHUI",
  "receiverNames": "吴辉",
  "msgTitle": "回复:是的",
  "typeTag": "02",
  "msgContents": "<p>阿斯蒂芬</p>",
  "parentId": "6d959fc6f5ce4d2b86ccde71bee570ac"
}

参考:

  1. jquery.serializeArray()
  2. jquery.serialize()
转载请注明来源:四个空格 » JQuery将form表单序列化为json格式

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址