JS 将form表单数据快速转化为object对象（json对象）

JS 将form表单数据快速转化为object对象（json对象）

jaymou

于 2020-03-03 11:11:05 发布

3534
 收藏 3
分类专栏： 前端 文章标签： javascript jquery
版权

前端
专栏收录该内容
5 篇文章0 订阅
订阅专栏
直接上代码
/**
 * 将Form的数据转化成Javascript的Json对象
 */
$.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;
}
    
 
//方法3：serializeObject
var obj = $('form').serializeObject();
console.log(obj)
结果：



传统方式：
  // 方法:1： serialize
  var str = $('form').serialize();
  console.log(str)
  //方法2：serializeArray
  var arr = $('form').serializeArray();
  console.log(arr)
结果



转载参考：https://blog.csdn.net/u011199063/article/details/79862680