优米格
分享有营养的

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

BraUndress.png

依赖于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()
赞(0)
未经允许禁止转载:优米格 » JQuery将form表单序列化为json格式

评论 抢沙发

合作&反馈&投稿

商务合作、问题反馈、投稿,欢迎联系

广告合作侵权联系